/* Minification failed. Returning unminified contents. (1,2950): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1,2979): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1,5408): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (1,5536): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (1,5666): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (1,5791): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (1,6111): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (1,6225): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (1,6329): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1,6373): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1,6425): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1,6546): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (1,6576): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1,6820): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1,8627): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width' (1,8664): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (1,8713): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height' (1,8751): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (1,8843): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color' (1,8903): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity' (1,9337): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity' (1,9390): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (1,9420): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1,9753): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap' (1,10464): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap' (1,11276): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (1,11306): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1,13201): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color' (1,13230): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1,13314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1,13373): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,18): run-time error CSS1019: Unexpected token, found '@import' (2,26): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@200;300;400;500;600;700&display=swap")' (2,81880): run-time error CSS1019: Unexpected token, found '@keyframes' (2,81902): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,81985): run-time error CSS1019: Unexpected token, found '@keyframes' (2,82009): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,82093): run-time error CSS1019: Unexpected token, found '@keyframes' (2,82116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,82198): run-time error CSS1019: Unexpected token, found '@keyframes' (2,82223): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,82306): run-time error CSS1019: Unexpected token, found '@keyframes' (2,82326): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,82408): run-time error CSS1019: Unexpected token, found '@keyframes' (2,82430): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,82513): run-time error CSS1019: Unexpected token, found '@keyframes' (2,82535): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,82618): run-time error CSS1019: Unexpected token, found '@keyframes' (2,82642): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,82726): run-time error CSS1019: Unexpected token, found '@keyframes' (2,82748): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,82790): run-time error CSS1019: Unexpected token, found '@keyframes' (2,82820): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,82890): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,82905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,82922): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,82939): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,82954): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,82968): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,82985): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83002): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83018): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83033): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83061): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83078): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83096): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83149): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83167): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83200): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83212): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83227): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83245): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83289): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83311): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83334): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83358): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,83572): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,145520): run-time error CSS1019: Unexpected token, found '@keyframes' (2,145552): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,240076): run-time error CSS1030: Expected identifier, found '.' (2,240087): run-time error CSS1031: Expected selector, found ')' (2,240087): run-time error CSS1025: Expected comma or open brace, found ')' (2,241450): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,241599): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,241751): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,241900): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,242052): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,242208): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,242358): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,242506): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,242797): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,242920): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,251189): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2,251224): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,251335): run-time error CSS1019: Unexpected token, found '@keyframes' (2,251362): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,252729): run-time error CSS1019: Unexpected token, found '@keyframes' (2,252751): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,252838): run-time error CSS1019: Unexpected token, found '@keyframes' (2,252854): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,269574): run-time error CSS1039: Token not allowed after unary operator: '-font-ibm-plex' (2,269808): run-time error CSS1039: Token not allowed after unary operator: '-font-ibm-plex' (2,277596): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,277722): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,277803): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,277998): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,278562): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,278655): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,278756): run-time error CSS1030: Expected identifier, found '.' (2,278757): run-time error CSS1030: Expected identifier, found 'jumbotron__bg' (2,278876): run-time error CSS1031: Expected selector, found ')' (2,278876): run-time error CSS1025: Expected comma or open brace, found ')' (2,279560): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,279655): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,279758): run-time error CSS1030: Expected identifier, found '.' (2,279759): run-time error CSS1030: Expected identifier, found 'jumbotron__bg' (2,279878): run-time error CSS1031: Expected selector, found ')' (2,279878): run-time error CSS1025: Expected comma or open brace, found ')' (2,280584): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,280683): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,280792): run-time error CSS1030: Expected identifier, found '.' (2,280793): run-time error CSS1030: Expected identifier, found 'jumbotron__bg' (2,280912): run-time error CSS1031: Expected selector, found ')' (2,280912): run-time error CSS1025: Expected comma or open brace, found ')' (2,281582): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,281676): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,281776): run-time error CSS1030: Expected identifier, found '.' (2,281777): run-time error CSS1030: Expected identifier, found 'jumbotron__bg' (2,281896): run-time error CSS1031: Expected selector, found ')' (2,281896): run-time error CSS1025: Expected comma or open brace, found ')' (2,282591): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,282684): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,282786): run-time error CSS1030: Expected identifier, found '.' (2,282787): run-time error CSS1030: Expected identifier, found 'jumbotron__bg' (2,282906): run-time error CSS1031: Expected selector, found ')' (2,282906): run-time error CSS1025: Expected comma or open brace, found ')' (2,283590): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,283685): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,283788): run-time error CSS1030: Expected identifier, found '.' (2,283789): run-time error CSS1030: Expected identifier, found 'jumbotron__bg' (2,283908): run-time error CSS1031: Expected selector, found ')' (2,283908): run-time error CSS1025: Expected comma or open brace, found ')' (2,284584): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,284680): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,284783): run-time error CSS1030: Expected identifier, found '.' (2,284784): run-time error CSS1030: Expected identifier, found 'jumbotron__bg' (2,284903): run-time error CSS1031: Expected selector, found ')' (2,284903): run-time error CSS1025: Expected comma or open brace, found ')' (2,285570): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,285666): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,285768): run-time error CSS1030: Expected identifier, found '.' (2,285769): run-time error CSS1030: Expected identifier, found 'jumbotron__bg' (2,285888): run-time error CSS1031: Expected selector, found ')' (2,285888): run-time error CSS1025: Expected comma or open brace, found ')' (2,286585): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,286680): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,286784): run-time error CSS1030: Expected identifier, found '.' (2,286785): run-time error CSS1030: Expected identifier, found 'jumbotron__bg' (2,286904): run-time error CSS1031: Expected selector, found ')' (2,286904): run-time error CSS1025: Expected comma or open brace, found ')' (2,291944): run-time error CSS1039: Token not allowed after unary operator: '-priamry' (2,319519): run-time error CSS1030: Expected identifier, found '.' (2,319568): run-time error CSS1031: Expected selector, found ')' (2,319568): run-time error CSS1025: Expected comma or open brace, found ')' (2,326775): run-time error CSS1030: Expected identifier, found '[' (2,326787): run-time error CSS1031: Expected selector, found '=' (2,326787): run-time error CSS1025: Expected comma or open brace, found '=' (2,326858): run-time error CSS1030: Expected identifier, found '.' (2,326873): run-time error CSS1031: Expected selector, found ')' (2,326873): run-time error CSS1025: Expected comma or open brace, found ')' (2,331506): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,332205): run-time error CSS1019: Unexpected token, found '@keyframes' (2,332225): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,339511): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,341440): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,345055): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,349395): run-time error CSS1019: Unexpected token, found '@keyframes' (2,349424): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,384729): run-time error CSS1030: Expected identifier, found '.' (2,384736): run-time error CSS1031: Expected selector, found ')' (2,384736): run-time error CSS1025: Expected comma or open brace, found ')' (2,384782): run-time error CSS1030: Expected identifier, found '.' (2,384789): run-time error CSS1031: Expected selector, found ')' (2,384789): run-time error CSS1025: Expected comma or open brace, found ')' (2,388139): run-time error CSS1030: Expected identifier, found ':' (2,388140): run-time error CSS1031: Expected selector, found 'nth-last-child(' (2,388140): run-time error CSS1025: Expected comma or open brace, found 'nth-last-child(' (2,391440): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,392617): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,409483): run-time error CSS1030: Expected identifier, found '.' (2,409497): run-time error CSS1031: Expected selector, found ')' (2,409497): run-time error CSS1025: Expected comma or open brace, found ')' (2,409555): run-time error CSS1030: Expected identifier, found '.' (2,409569): run-time error CSS1031: Expected selector, found ')' (2,409569): run-time error CSS1025: Expected comma or open brace, found ')' (2,409629): run-time error CSS1030: Expected identifier, found '.' (2,409643): run-time error CSS1031: Expected selector, found ')' (2,409643): run-time error CSS1025: Expected comma or open brace, found ')' (2,415563): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2,419353): run-time error CSS1030: Expected identifier, found '.' (2,419368): run-time error CSS1031: Expected selector, found ')' (2,419368): run-time error CSS1025: Expected comma or open brace, found ')' (2,419949): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap' (2,420084): run-time error CSS1039: Token not allowed after unary operator: '-white' (2,420258): run-time error CSS1039: Token not allowed after unary operator: '-white' (2,420672): run-time error CSS1039: Token not allowed after unary operator: '-white' (2,421167): run-time error CSS1030: Expected identifier, found '.' (2,421182): run-time error CSS1031: Expected selector, found ')' (2,421182): run-time error CSS1025: Expected comma or open brace, found ')' (2,421239): run-time error CSS1030: Expected identifier, found '.' (2,421254): run-time error CSS1031: Expected selector, found ')' (2,421254): run-time error CSS1025: Expected comma or open brace, found ')' (2,422391): run-time error CSS1039: Token not allowed after unary operator: '-white' (2,422410): run-time error CSS1039: Token not allowed after unary operator: '-white' (2,422606): run-time error CSS1039: Token not allowed after unary operator: '-white' (2,422625): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2,422711): run-time error CSS1039: Token not allowed after unary operator: '-white' (2,422951): run-time error CSS1039: Token not allowed after unary operator: '-white' (2,424681): run-time error CSS1019: Unexpected token, found '@keyframes' (2,424699): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,424726): run-time error CSS1019: Unexpected token, found '@keyframes' (2,424745): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,433056): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2,438651): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,447736): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,447999): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,462693): run-time error CSS1030: Expected identifier, found '.' (2,462716): run-time error CSS1031: Expected selector, found ')' (2,462716): run-time error CSS1025: Expected comma or open brace, found ')' (2,462747): run-time error CSS1030: Expected identifier, found '.' (2,462770): run-time error CSS1031: Expected selector, found ')' (2,462770): run-time error CSS1025: Expected comma or open brace, found ')' (2,465939): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,466778): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,474604): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,487006): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,487147): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,487288): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,487432): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,487742): run-time error CSS1030: Expected identifier, found '>' (2,487759): run-time error CSS1031: Expected selector, found ')' (2,487759): run-time error CSS1025: Expected comma or open brace, found ')' (2,487831): run-time error CSS1030: Expected identifier, found '>' (2,487848): run-time error CSS1031: Expected selector, found ')' (2,487848): run-time error CSS1025: Expected comma or open brace, found ')' (2,496562): run-time error CSS1030: Expected identifier, found '.' (2,496573): run-time error CSS1031: Expected selector, found ')' (2,496573): run-time error CSS1025: Expected comma or open brace, found ')' (2,499167): run-time error CSS1030: Expected identifier, found '[' (2,499172): run-time error CSS1031: Expected selector, found '=' (2,499172): run-time error CSS1025: Expected comma or open brace, found '=' (2,502997): run-time error CSS1030: Expected identifier, found '[' (2,503002): run-time error CSS1031: Expected selector, found '=' (2,503002): run-time error CSS1025: Expected comma or open brace, found '=' (2,503177): run-time error CSS1030: Expected identifier, found '[' (2,503182): run-time error CSS1031: Expected selector, found '=' (2,503182): run-time error CSS1025: Expected comma or open brace, found '=' (2,503309): run-time error CSS1030: Expected identifier, found '[' (2,503314): run-time error CSS1031: Expected selector, found '=' (2,503314): run-time error CSS1025: Expected comma or open brace, found '=' (2,503428): run-time error CSS1030: Expected identifier, found '[' (2,503433): run-time error CSS1031: Expected selector, found '=' (2,503433): run-time error CSS1025: Expected comma or open brace, found '=' (2,505144): run-time error CSS1039: Token not allowed after unary operator: '-bg-survey' (2,506147): run-time error CSS1039: Token not allowed after unary operator: '-bg-survey-form' (2,506288): run-time error CSS1030: Expected identifier, found '[' (2,506293): run-time error CSS1031: Expected selector, found '=' (2,506293): run-time error CSS1025: Expected comma or open brace, found '=' (2,507856): run-time error CSS1030: Expected identifier, found '.' (2,507876): run-time error CSS1031: Expected selector, found ')' (2,507876): run-time error CSS1025: Expected comma or open brace, found ')' (2,509322): run-time error CSS1030: Expected identifier, found '[' (2,509354): run-time error CSS1031: Expected selector, found ']' (2,509354): run-time error CSS1025: Expected comma or open brace, found ']' (2,513967): run-time error CSS1019: Unexpected token, found '@keyframes' (2,513983): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2,531579): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,534334): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,541583): run-time error CSS1030: Expected identifier, found '[' (2,541588): run-time error CSS1031: Expected selector, found '=' (2,541588): run-time error CSS1025: Expected comma or open brace, found '=' (2,542067): run-time error CSS1039: Token not allowed after unary operator: '-font-base-ar' (2,543010): run-time error CSS1039: Token not allowed after unary operator: '-font-base' (2,551508): run-time error CSS1039: Token not allowed after unary operator: '-black' (2,551951): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,564136): run-time error CSS1039: Token not allowed after unary operator: '-bg-overlay' (2,581881): run-time error CSS1039: Token not allowed after unary operator: '-displayMessage' (2,589044): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,593637): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,593918): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,594073): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,594354): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,594517): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,594804): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,594960): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,595390): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,595566): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,596900): run-time error CSS1039: Token not allowed after unary operator: '-primitives-primary' (2,602628): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2,615430): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,625118): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,625259): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (2,636250): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,87): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,113): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,136): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,160): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,183): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,200): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,425): run-time error CSS1039: Token not allowed after unary operator: '-ct-border-radius' (10,449): run-time error CSS1039: Token not allowed after unary operator: '-ct-border-radius' (10,486): run-time error CSS1039: Token not allowed after unary operator: '-ct-border-color' (10,645): run-time error CSS1039: Token not allowed after unary operator: '-ct-btn-hover' (10,702): run-time error CSS1039: Token not allowed after unary operator: '-ct-btn-active' (10,773): run-time error CSS1039: Token not allowed after unary operator: '-ct-btn-color' (10,814): run-time error CSS1039: Token not allowed after unary operator: '-ct-selection' (10,857): run-time error CSS1039: Token not allowed after unary operator: '-ct-selection' (10,901): run-time error CSS1039: Token not allowed after unary operator: '-ct-selection' (10,1013): run-time error CSS1039: Token not allowed after unary operator: '-ct-bg' (10,1347): run-time error CSS1039: Token not allowed after unary operator: '-ct-color' (10,1541): run-time error CSS1039: Token not allowed after unary operator: '-ct-tree-hover' (10,1619): run-time error CSS1039: Token not allowed after unary operator: '-ct-bg' (10,1723): run-time error CSS1039: Token not allowed after unary operator: '-ct-selection' (10,1749): run-time error CSS1039: Token not allowed after unary operator: '-ct-color' (10,1833): run-time error CSS1039: Token not allowed after unary operator: '-ct-padding' (10,2374): run-time error CSS1039: Token not allowed after unary operator: '-ct-selection' (10,2430): run-time error CSS1039: Token not allowed after unary operator: '-ct-border-color' (10,11010): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,16046): run-time error CSS1039: Token not allowed after unary operator: '-bg' (10,20445): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10,20471): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10,20518): run-time error CSS1019: Unexpected token, found '@keyframes' (10,20536): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10,20583): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10,20608): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10,20719): run-time error CSS1019: Unexpected token, found '@keyframes' (10,20736): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10,49676): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,50970): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,51276): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,51465): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,51730): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,61944): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,67386): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,104579): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10,104604): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10,104754): run-time error CSS1019: Unexpected token, found '@keyframes' (10,104771): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10,105596): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,105784): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,111615): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,112404): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,119171): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,119344): run-time error CSS1039: Token not allowed after unary operator: '-gradient' (10,132805): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,160886): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,170174): run-time error CSS1030: Expected identifier, found '.' (10,170186): run-time error CSS1031: Expected selector, found ')' (10,170186): run-time error CSS1025: Expected comma or open brace, found ')' (10,170226): run-time error CSS1030: Expected identifier, found '.' (10,170238): run-time error CSS1031: Expected selector, found ')' (10,170238): run-time error CSS1025: Expected comma or open brace, found ')' (10,182013): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,182515): run-time error CSS1030: Expected identifier, found '.' (10,182527): run-time error CSS1031: Expected selector, found ')' (10,182527): run-time error CSS1025: Expected comma or open brace, found ')' (10,182595): run-time error CSS1030: Expected identifier, found '.' (10,182607): run-time error CSS1031: Expected selector, found ')' (10,182607): run-time error CSS1025: Expected comma or open brace, found ')' (10,186135): run-time error CSS1030: Expected identifier, found '.' (10,186144): run-time error CSS1031: Expected selector, found ')' (10,186144): run-time error CSS1025: Expected comma or open brace, found ')' (10,186209): run-time error CSS1030: Expected identifier, found '.' (10,186218): run-time error CSS1031: Expected selector, found ')' (10,186218): run-time error CSS1025: Expected comma or open brace, found ')' (10,186587): run-time error CSS1030: Expected identifier, found '.' (10,186596): run-time error CSS1031: Expected selector, found ')' (10,186596): run-time error CSS1025: Expected comma or open brace, found ')' (10,186661): run-time error CSS1030: Expected identifier, found '.' (10,186670): run-time error CSS1031: Expected selector, found ')' (10,186670): run-time error CSS1025: Expected comma or open brace, found ')' (10,188829): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,189724): run-time error CSS1030: Expected identifier, found '.' (10,189741): run-time error CSS1031: Expected selector, found ')' (10,189741): run-time error CSS1025: Expected comma or open brace, found ')' (10,189794): run-time error CSS1030: Expected identifier, found '.' (10,189811): run-time error CSS1031: Expected selector, found ')' (10,189811): run-time error CSS1025: Expected comma or open brace, found ')' (10,189871): run-time error CSS1030: Expected identifier, found '.' (10,189888): run-time error CSS1031: Expected selector, found ')' (10,189888): run-time error CSS1025: Expected comma or open brace, found ')' (10,189983): run-time error CSS1030: Expected identifier, found '.' (10,189997): run-time error CSS1031: Expected selector, found ')' (10,189997): run-time error CSS1025: Expected comma or open brace, found ')' (10,190239): run-time error CSS1030: Expected identifier, found '.' (10,190254): run-time error CSS1031: Expected selector, found ')' (10,190254): run-time error CSS1025: Expected comma or open brace, found ')' (10,190297): run-time error CSS1030: Expected identifier, found '.' (10,190312): run-time error CSS1031: Expected selector, found ')' (10,190312): run-time error CSS1025: Expected comma or open brace, found ')' (10,190474): run-time error CSS1030: Expected identifier, found '.' (10,190498): run-time error CSS1031: Expected selector, found ')' (10,190498): run-time error CSS1025: Expected comma or open brace, found ')' (10,190659): run-time error CSS1030: Expected identifier, found '.' (10,190683): run-time error CSS1031: Expected selector, found ')' (10,190683): run-time error CSS1025: Expected comma or open brace, found ')' (10,190760): run-time error CSS1030: Expected identifier, found '.' (10,190784): run-time error CSS1031: Expected selector, found ')' (10,190784): run-time error CSS1025: Expected comma or open brace, found ')' (10,191037): run-time error CSS1030: Expected identifier, found '.' (10,191061): run-time error CSS1031: Expected selector, found ')' (10,191061): run-time error CSS1025: Expected comma or open brace, found ')' (10,191148): run-time error CSS1030: Expected identifier, found '.' (10,191172): run-time error CSS1031: Expected selector, found ')' (10,191172): run-time error CSS1025: Expected comma or open brace, found ')' (10,197392): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,203451): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,203469): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,203489): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,203504): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,203548): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,203566): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,203583): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,203604): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,204043): run-time error CSS1039: Token not allowed after unary operator: '-whiteBg' (10,204865): run-time error CSS1039: Token not allowed after unary operator: '-whiteBg' (10,205030): run-time error CSS1039: Token not allowed after unary operator: '-borderColor' (10,205153): run-time error CSS1039: Token not allowed after unary operator: '-lightBg' (10,205265): run-time error CSS1039: Token not allowed after unary operator: '-whiteBg' (10,205389): run-time error CSS1039: Token not allowed after unary operator: '-borderColor' (10,205791): run-time error CSS1039: Token not allowed after unary operator: '-textColor' (10,205941): run-time error CSS1039: Token not allowed after unary operator: '-textColor' (10,206105): run-time error CSS1039: Token not allowed after unary operator: '-textColor' (10,206178): run-time error CSS1039: Token not allowed after unary operator: '-textColor' (10,206771): run-time error CSS1039: Token not allowed after unary operator: '-textColor' (10,207292): run-time error CSS1039: Token not allowed after unary operator: '-textColor' (10,207408): run-time error CSS1039: Token not allowed after unary operator: '-whiteBg' (10,207802): run-time error CSS1039: Token not allowed after unary operator: '-textColor' (10,208020): run-time error CSS1039: Token not allowed after unary operator: '-textColor' (10,208235): run-time error CSS1039: Token not allowed after unary operator: '-textColor' (10,210239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,210294): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,210349): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,210912): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,212734): run-time error CSS1039: Token not allowed after unary operator: '-bg-color' (10,213581): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (10,213618): run-time error CSS1039: Token not allowed after unary operator: '-bg-color' (10,222488): run-time error CSS1039: Token not allowed after unary operator: '-color' (10,236700): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,247041): run-time error CSS1030: Expected identifier, found '.' (10,247055): run-time error CSS1031: Expected selector, found ')' (10,247055): run-time error CSS1025: Expected comma or open brace, found ')' (10,254637): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,254807): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,254825): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,254844): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,254867): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,254886): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,254905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,254927): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,254947): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,254972): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,254992): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,255015): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,255040): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,255063): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,255138): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bg' (10,255307): run-time error CSS1039: Token not allowed after unary operator: '-notesClr' (10,255560): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,255662): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,255715): run-time error CSS1039: Token not allowed after unary operator: '-gray-100' (10,256104): run-time error CSS1039: Token not allowed after unary operator: '-surfacelightbg' (10,256329): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color' (10,256373): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,256401): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,256846): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color' (10,257251): run-time error CSS1039: Token not allowed after unary operator: '-surfacelightbg' (10,257704): run-time error CSS1039: Token not allowed after unary operator: '-midlightgrey' (10,257747): run-time error CSS1039: Token not allowed after unary operator: '-midlightgrey' (10,257773): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,257984): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,258013): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,258041): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (10,258182): run-time error CSS1030: Expected identifier, found '>' (10,258196): run-time error CSS1031: Expected selector, found ')' (10,258196): run-time error CSS1025: Expected comma or open brace, found ')' (10,258635): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,258679): run-time error CSS1039: Token not allowed after unary operator: '-cardsBorder' (10,258771): run-time error CSS1039: Token not allowed after unary operator: '-midlightgrey' (10,258814): run-time error CSS1039: Token not allowed after unary operator: '-midlightgrey' (10,258840): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,259063): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,259092): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,259120): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (10,259253): run-time error CSS1039: Token not allowed after unary operator: '-cardsBorder' (10,259299): run-time error CSS1039: Token not allowed after unary operator: '-cardsBorder' (10,259334): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,259481): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,259999): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,260116): run-time error CSS1039: Token not allowed after unary operator: '-selectedPill' (10,260152): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (10,260887): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,260915): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (10,261138): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (10,261172): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,261255): run-time error CSS1039: Token not allowed after unary operator: '-white-300' (10,261389): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,262417): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,262447): run-time error CSS1039: Token not allowed after unary operator: '-cardsBorder' (10,262746): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,263527): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,263577): run-time error CSS1039: Token not allowed after unary operator: '-cardsBorder' (10,264051): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,265149): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,265313): run-time error CSS1039: Token not allowed after unary operator: '-gray-100' (10,265661): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,265688): run-time error CSS1039: Token not allowed after unary operator: '-borderRad' (10,265795): run-time error CSS1039: Token not allowed after unary operator: '-offWhite-v3' (10,266117): run-time error CSS1039: Token not allowed after unary operator: '-notesClr' (10,266350): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,267609): run-time error CSS1039: Token not allowed after unary operator: '-midlightgrey' (10,267652): run-time error CSS1039: Token not allowed after unary operator: '-midlightgrey' (10,267678): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,267937): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,267966): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,267994): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (10,268085): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,268143): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (10,268694): run-time error CSS1039: Token not allowed after unary operator: '-black-400' (10,268740): run-time error CSS1039: Token not allowed after unary operator: '-surfacelightbg' (10,269048): run-time error CSS1039: Token not allowed after unary operator: '-black-400' (10,269415): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,269860): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,269889): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,269917): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (10,270086): run-time error CSS1039: Token not allowed after unary operator: '-black-400' (10,270114): run-time error CSS1039: Token not allowed after unary operator: '-offWhite-v4' (10,270435): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,270733): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,271503): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,271561): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (10,272773): run-time error CSS1039: Token not allowed after unary operator: '-surfacelightbg' (10,274045): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,274355): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,274448): run-time error CSS1019: Unexpected token, found '@keyframes' (10,274468): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10,275499): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,275529): run-time error CSS1039: Token not allowed after unary operator: '-cardsBorder' (10,276274): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,276410): run-time error CSS1039: Token not allowed after unary operator: '-black-400' (10,276438): run-time error CSS1039: Token not allowed after unary operator: '-offWhite-v4' (10,276463): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,277105): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,277185): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10,278044): run-time error CSS1039: Token not allowed after unary operator: '-surfacelightbg' (10,280595): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,280777): run-time error CSS1039: Token not allowed after unary operator: '-midlightgrey' (10,280820): run-time error CSS1039: Token not allowed after unary operator: '-midlightgrey' (10,280846): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,281096): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,281125): run-time error CSS1039: Token not allowed after unary operator: '-linkClr' (10,281153): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (10,285431): run-time error CSS1039: Token not allowed after unary operator: '-backgroundImage' (10,299479): run-time error CSS1039: Token not allowed after unary operator: '-white' (10,300640): run-time error CSS1039: Token not allowed after unary operator: '-greyBlue' (10,302362): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,302553): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,304597): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,310031): run-time error CSS1039: Token not allowed after unary operator: '-background' (10,322058): run-time error CSS1039: Token not allowed after unary operator: '-ui-buttons-button' (10,337712): run-time error CSS1039: Token not allowed after unary operator: '-overlay-bg' (10,345169): run-time error CSS1030: Expected identifier, found '.' (10,345184): run-time error CSS1031: Expected selector, found ')' (10,345184): run-time error CSS1025: Expected comma or open brace, found ')' (10,345385): run-time error CSS1030: Expected identifier, found '.' (10,345400): run-time error CSS1031: Expected selector, found ')' (10,345400): run-time error CSS1025: Expected comma or open brace, found ')' (10,345517): run-time error CSS1030: Expected identifier, found '.' (10,345532): run-time error CSS1031: Expected selector, found ')' (10,345532): run-time error CSS1025: Expected comma or open brace, found ')' (10,345599): run-time error CSS1030: Expected identifier, found '.' (10,345614): run-time error CSS1031: Expected selector, found ')' (10,345614): run-time error CSS1025: Expected comma or open brace, found ')' (10,345754): run-time error CSS1030: Expected identifier, found '.' (10,345769): run-time error CSS1031: Expected selector, found ')' (10,345769): run-time error CSS1025: Expected comma or open brace, found ')' (10,345827): run-time error CSS1030: Expected identifier, found '.' (10,345842): run-time error CSS1031: Expected selector, found ')' (10,345842): run-time error CSS1025: Expected comma or open brace, found ')' (10,345963): run-time error CSS1030: Expected identifier, found '.' (10,345978): run-time error CSS1031: Expected selector, found ')' (10,345978): run-time error CSS1025: Expected comma or open brace, found ')' (10,346053): run-time error CSS1030: Expected identifier, found '.' (10,346068): run-time error CSS1031: Expected selector, found ')' (10,346068): run-time error CSS1025: Expected comma or open brace, found ')' (10,346131): run-time error CSS1030: Expected identifier, found '.' (10,346146): run-time error CSS1031: Expected selector, found ')' (10,346146): run-time error CSS1025: Expected comma or open brace, found ')' (10,346195): run-time error CSS1030: Expected identifier, found '.' (10,346210): run-time error CSS1031: Expected selector, found ')' (10,346210): run-time error CSS1025: Expected comma or open brace, found ')' (10,346296): run-time error CSS1030: Expected identifier, found '.' (10,346311): run-time error CSS1031: Expected selector, found ')' (10,346311): run-time error CSS1025: Expected comma or open brace, found ')' (10,346534): run-time error CSS1030: Expected identifier, found '.' (10,346549): run-time error CSS1031: Expected selector, found ')' (10,346549): run-time error CSS1025: Expected comma or open brace, found ')' (10,346609): run-time error CSS1030: Expected identifier, found '.' (10,346624): run-time error CSS1031: Expected selector, found ')' (10,346624): run-time error CSS1025: Expected comma or open brace, found ')' (10,346740): run-time error CSS1030: Expected identifier, found '.' (10,346755): run-time error CSS1031: Expected selector, found ')' (10,346755): run-time error CSS1025: Expected comma or open brace, found ')' (10,346861): run-time error CSS1030: Expected identifier, found '.' (10,346876): run-time error CSS1031: Expected selector, found ')' (10,346876): run-time error CSS1025: Expected comma or open brace, found ')' (10,346978): run-time error CSS1030: Expected identifier, found '.' (10,346993): run-time error CSS1031: Expected selector, found ')' (10,346993): run-time error CSS1025: Expected comma or open brace, found ')' (10,347160): run-time error CSS1030: Expected identifier, found '.' (10,347175): run-time error CSS1031: Expected selector, found ')' (10,347175): run-time error CSS1025: Expected comma or open brace, found ')' (10,347282): run-time error CSS1030: Expected identifier, found '.' (10,347297): run-time error CSS1031: Expected selector, found ')' (10,347297): run-time error CSS1025: Expected comma or open brace, found ')' (10,347405): run-time error CSS1030: Expected identifier, found '.' (10,347420): run-time error CSS1031: Expected selector, found ')' (10,347420): run-time error CSS1025: Expected comma or open brace, found ')' (10,347532): run-time error CSS1030: Expected identifier, found '.' (10,347547): run-time error CSS1031: Expected selector, found ')' (10,347547): run-time error CSS1025: Expected comma or open brace, found ')' (10,347723): run-time error CSS1030: Expected identifier, found '.' (10,347738): run-time error CSS1031: Expected selector, found ')' (10,347738): run-time error CSS1025: Expected comma or open brace, found ')' (10,347895): run-time error CSS1030: Expected identifier, found '.' (10,347910): run-time error CSS1031: Expected selector, found ')' (10,347910): run-time error CSS1025: Expected comma or open brace, found ')' (10,347968): run-time error CSS1030: Expected identifier, found '.' (10,347983): run-time error CSS1031: Expected selector, found ')' (10,347983): run-time error CSS1025: Expected comma or open brace, found ')' (10,348087): run-time error CSS1030: Expected identifier, found '.' (10,348102): run-time error CSS1031: Expected selector, found ')' (10,348102): run-time error CSS1025: Expected comma or open brace, found ')' (10,348189): run-time error CSS1030: Expected identifier, found '.' (10,348204): run-time error CSS1031: Expected selector, found ')' (10,348204): run-time error CSS1025: Expected comma or open brace, found ')' (10,348381): run-time error CSS1030: Expected identifier, found '.' (10,348396): run-time error CSS1031: Expected selector, found ')' (10,348396): run-time error CSS1025: Expected comma or open brace, found ')' (10,348535): run-time error CSS1030: Expected identifier, found '.' (10,348550): run-time error CSS1031: Expected selector, found ')' (10,348550): run-time error CSS1025: Expected comma or open brace, found ')' (10,348624): run-time error CSS1030: Expected identifier, found '.' (10,348639): run-time error CSS1031: Expected selector, found ')' (10,348639): run-time error CSS1025: Expected comma or open brace, found ')' (10,348760): run-time error CSS1030: Expected identifier, found '.' (10,348775): run-time error CSS1031: Expected selector, found ')' (10,348775): run-time error CSS1025: Expected comma or open brace, found ')' (10,348849): run-time error CSS1030: Expected identifier, found '.' (10,348864): run-time error CSS1031: Expected selector, found ')' (10,348864): run-time error CSS1025: Expected comma or open brace, found ')' (10,348937): run-time error CSS1030: Expected identifier, found '.' (10,348952): run-time error CSS1031: Expected selector, found ')' (10,348952): run-time error CSS1025: Expected comma or open brace, found ')' (10,349097): run-time error CSS1030: Expected identifier, found '.' (10,349112): run-time error CSS1031: Expected selector, found ')' (10,349112): run-time error CSS1025: Expected comma or open brace, found ')' (10,349250): run-time error CSS1019: Unexpected token, found '@keyframes' (10,349272): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10,349316): run-time error CSS1030: Expected identifier, found '.' (10,349331): run-time error CSS1031: Expected selector, found ')' (10,349331): run-time error CSS1025: Expected comma or open brace, found ')' (10,349446): run-time error CSS1030: Expected identifier, found '.' (10,349461): run-time error CSS1031: Expected selector, found ')' (10,349461): run-time error CSS1025: Expected comma or open brace, found ')' (10,349611): run-time error CSS1030: Expected identifier, found '.' (10,349626): run-time error CSS1031: Expected selector, found ')' (10,349626): run-time error CSS1025: Expected comma or open brace, found ')' (10,349742): run-time error CSS1030: Expected identifier, found '.' (10,349757): run-time error CSS1031: Expected selector, found ')' (10,349757): run-time error CSS1025: Expected comma or open brace, found ')' (10,350089): run-time error CSS1030: Expected identifier, found '.' (10,350104): run-time error CSS1031: Expected selector, found ')' (10,350104): run-time error CSS1025: Expected comma or open brace, found ')' (10,350218): run-time error CSS1030: Expected identifier, found '.' (10,350233): run-time error CSS1031: Expected selector, found ')' (10,350233): run-time error CSS1025: Expected comma or open brace, found ')' (10,350342): run-time error CSS1030: Expected identifier, found '.' (10,350357): run-time error CSS1031: Expected selector, found ')' (10,350357): run-time error CSS1025: Expected comma or open brace, found ')' (10,350523): run-time error CSS1030: Expected identifier, found '.' (10,350538): run-time error CSS1031: Expected selector, found ')' (10,350538): run-time error CSS1025: Expected comma or open brace, found ')' (10,350622): run-time error CSS1030: Expected identifier, found '.' (10,350637): run-time error CSS1031: Expected selector, found ')' (10,350637): run-time error CSS1025: Expected comma or open brace, found ')' (10,350714): run-time error CSS1030: Expected identifier, found '.' (10,350729): run-time error CSS1031: Expected selector, found ')' (10,350729): run-time error CSS1025: Expected comma or open brace, found ')' (10,350854): run-time error CSS1030: Expected identifier, found '.' (10,350869): run-time error CSS1031: Expected selector, found ')' (10,350869): run-time error CSS1025: Expected comma or open brace, found ')' (10,350971): run-time error CSS1030: Expected identifier, found '.' (10,350986): run-time error CSS1031: Expected selector, found ')' (10,350986): run-time error CSS1025: Expected comma or open brace, found ')' (10,351063): run-time error CSS1030: Expected identifier, found '.' (10,351078): run-time error CSS1031: Expected selector, found ')' (10,351078): run-time error CSS1025: Expected comma or open brace, found ')' (10,351160): run-time error CSS1030: Expected identifier, found '.' (10,351175): run-time error CSS1031: Expected selector, found ')' (10,351175): run-time error CSS1025: Expected comma or open brace, found ')' (10,351238): run-time error CSS1030: Expected identifier, found '.' (10,351253): run-time error CSS1031: Expected selector, found ')' (10,351253): run-time error CSS1025: Expected comma or open brace, found ')' (10,351431): run-time error CSS1030: Expected identifier, found '.' (10,351446): run-time error CSS1031: Expected selector, found ')' (10,351446): run-time error CSS1025: Expected comma or open brace, found ')' (10,351484): run-time error CSS1030: Expected identifier, found '.' (10,351499): run-time error CSS1031: Expected selector, found ')' (10,351499): run-time error CSS1025: Expected comma or open brace, found ')' (10,351539): run-time error CSS1030: Expected identifier, found '.' (10,351554): run-time error CSS1031: Expected selector, found ')' (10,351554): run-time error CSS1025: Expected comma or open brace, found ')' (10,351594): run-time error CSS1030: Expected identifier, found '.' (10,351609): run-time error CSS1031: Expected selector, found ')' (10,351609): run-time error CSS1025: Expected comma or open brace, found ')' (10,351677): run-time error CSS1030: Expected identifier, found '.' (10,351692): run-time error CSS1031: Expected selector, found ')' (10,351692): run-time error CSS1025: Expected comma or open brace, found ')' (10,351896): run-time error CSS1030: Expected identifier, found '.' (10,351911): run-time error CSS1031: Expected selector, found ')' (10,351911): run-time error CSS1025: Expected comma or open brace, found ')' (10,351972): run-time error CSS1030: Expected identifier, found '.' (10,351987): run-time error CSS1031: Expected selector, found ')' (10,351987): run-time error CSS1025: Expected comma or open brace, found ')' (10,352064): run-time error CSS1030: Expected identifier, found '.' (10,352079): run-time error CSS1031: Expected selector, found ')' (10,352079): run-time error CSS1025: Expected comma or open brace, found ')' (10,352177): run-time error CSS1030: Expected identifier, found '.' (10,352192): run-time error CSS1031: Expected selector, found ')' (10,352192): run-time error CSS1025: Expected comma or open brace, found ')' (10,352298): run-time error CSS1030: Expected identifier, found '.' (10,352313): run-time error CSS1031: Expected selector, found ')' (10,352313): run-time error CSS1025: Expected comma or open brace, found ')' (10,352374): run-time error CSS1030: Expected identifier, found '.' (10,352389): run-time error CSS1031: Expected selector, found ')' (10,352389): run-time error CSS1025: Expected comma or open brace, found ')' (10,352455): run-time error CSS1030: Expected identifier, found '.' (10,352470): run-time error CSS1031: Expected selector, found ')' (10,352470): run-time error CSS1025: Expected comma or open brace, found ')' (10,352600): run-time error CSS1030: Expected identifier, found '.' (10,352615): run-time error CSS1031: Expected selector, found ')' (10,352615): run-time error CSS1025: Expected comma or open brace, found ')' (10,354494): run-time error CSS1019: Unexpected token, found '@keyframes' (10,354513): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10,354577): run-time error CSS1039: Token not allowed after unary operator: '-font-base' (10,354628): run-time error CSS1039: Token not allowed after unary operator: '-font-ibm-plex' (11,6653): run-time error CSS1030: Expected identifier, found '.' (11,6669): run-time error CSS1031: Expected selector, found ')' (11,6669): run-time error CSS1025: Expected comma or open brace, found ')' */ .swiper-slide, .swiper-wrapper { height: 100%; position: relative; transition-property: transform; width: 100% } .swiper-android .swiper-slide, .swiper-pagination, .swiper-wrapper { transform: translateZ(0) } .swiper-fade.swiper-free-mode .swiper-slide, .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out } .irs-hidden-input, .irs-line, .selectize-input>input:focus { outline: 0 !important } .select2-container--classic .select2-results>.select2-results__options, .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .datepicker-picker span, .irs, .owl-carousel .owl-item { -webkit-touch-callout: none } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff; --swiper-navigation-size: 44px } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { z-index: 1; display: flex; box-sizing: content-box } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0 } .datepicker-controls .next-btn.disabled, .datepicker-controls .prev-btn.disabled, .owl-carousel.owl-refresh .owl-item, .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .owl-carousel .owl-item img.owl-lazy, .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999 } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-horizontal>.swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical>.swiper-wrapper:before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } .swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { width: 1px; height: var(--swiper-virtual-size) } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/44*27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: normal; line-height: 1 } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next" } .irs-shadow, .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .selectize-dropdown.plugin-optgroup_columns .optgroup:before, .swiper-button-lock, .swiper-pagination-lock, .swiper-scrollbar-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; z-index: 10 } .owl-carousel.owl-hidden, .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input, .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s, top .2s } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, left .2s } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag, .swiper-slide-zoomed { cursor: move } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: 1s linear infinite swiper-preloader-spin; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-top: 4px solid transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { to { transform: rotate(1turn) } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { margin: 0 auto } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-cube .swiper-slide .swiper-slide, .swiper-fade .swiper-slide .swiper-slide, .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active, .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active, .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cards, .swiper-cube, .swiper-flip { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translateZ(0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden } .owl-carousel .owl-item img { display: block; width: 100% } .datepicker.active, .irs-bar, .irs-with-grid .irs-grid, .no-js .owl-carousel, .owl-carousel.owl-loaded, .select2-results { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.html) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3); transform: scale(1.3) } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: contain; transition: opacity .4s } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } input.parsley-success, select.parsley-success, textarea.parsley-success { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6 } input.parsley-error, select.parsley-error, textarea.parsley-error { color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7 } .parsley-errors-list { margin: 2px 0 3px; padding: 0; list-style-type: none; font-size: .9em; line-height: .9em; opacity: 0; color: #b94a48; transition: .3s ease-in; -o-transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in } .lb-nav a.lb-next:hover, .lb-nav a.lb-prev:hover, .parsley-errors-list.filled, .selectize-dropdown [data-selectable].option { opacity: 1 } /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/ .irs { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif } .irs, .irs-line { position: relative; display: block } .irs-line { overflow: hidden } .irs-bar, .irs-shadow { position: absolute; left: 0; width: 0 } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1 } .irs-handle.type_last, .tick-flip-panel-back-shadow { z-index: 2 } .irs-max, .irs-min { position: absolute; display: block; cursor: default } .irs-min, .lb-container>.nav, .select2-container--open .select2-dropdown { left: 0 } .irs-max { right: 0 } .irs-from, .irs-single, .irs-to { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000 } .irs-grid-pol.small { height: 4px } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000 } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: 0 0; z-index: 2 } .irs-hidden-input, .selectize-input>input { padding: 0 !important; background: 0 0 !important } .lt-ie9 .irs-disable-mask { background: #000; cursor: not-allowed } .irs-disabled { opacity: .4 } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; margin: 0 !important; overflow: hidden; z-index: -9999 !important; border-style: solid !important; border-color: transparent !important } .irs--flat { height: 40px } .irs--flat.irs-with-grid { height: 60px } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565 } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9 } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent } .irs--flat .irs-handle>i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453 } .irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child { background-color: #a43540 } .irs--flat .irs-max, .irs--flat .irs-min { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px } .irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px } .irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565 } .irs--flat .irs-grid-pol { background-color: #e1e4e9 } .irs--flat .irs-grid-text { color: #999 } .irs--big { height: 55px } .irs--big.irs-with-grid { height: 70px } .irs--big .irs-line { top: 33px; height: 12px; background-color: #fff; background: linear-gradient(180deg, #ddd -50%, #fff 150%); border: 1px solid #ccc; border-radius: 12px } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(180deg, #fff 0, #428bca 30%, #b9d4ec); box-shadow: inset 0 0 1px 1px hsla(0, 0%, 100%, .5) } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, .5) } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, .3); background-color: #cbcfd5; background: linear-gradient(180deg, #fff 0, #b4b9be 30%, #fff); box-shadow: 1px 1px 2px rgba(0, 0, 0, .2), inset 0 0 3px 1px #fff; border-radius: 30px } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, .45); background-color: #939ba7; background: linear-gradient(180deg, #fff 0, #919ba5 30%, #fff) } .irs--big .irs-max, .irs--big .irs-min { top: 0; padding: 1px 5px; color: #fff; text-shadow: none; background-color: #9f9f9f; border-radius: 3px } .irs--big .irs-from, .irs--big .irs-single, .irs--big .irs-to { color: #fff; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(180deg, #428bca 0, #3071a9); border-radius: 3px } .irs--big .irs-grid-pol { background-color: #428bca } .irs--big .irs-grid-text { color: #428bca } .irs--modern, .irs--modern.irs-with-grid { height: 55px } .irs--round, .irs--sharp, .irs--square { height: 50px } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(180deg, #e0e4ea 0, #d1d6e0); border: solid #a3adc1; border-width: 1px 1px 0; border-radius: 5px } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(180deg, #20b426 0, #18891d) } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, .5) } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top: 0 solid #a3adc1; box-shadow: 1px 1px 1px rgba(0, 0, 0, .1); border-radius: 0 0 3px 3px } .irs--modern .irs-handle>i:first-child { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: #fff; transform: rotate(45deg) } .irs--modern .irs-handle>i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(180deg, #fff 0, #e9e6e6); border-radius: 0 0 3px 3px } .irs--modern .irs-handle>i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1 } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(180deg, #fff 0, #919ba5 30%, #fff) } .irs--modern .irs-handle.state_hover>i:first-child, .irs--modern .irs-handle:hover>i:first-child { border-color: #7685a2 } .irs--modern .irs-handle.state_hover>i:nth-child(3), .irs--modern .irs-handle:hover>i:nth-child(3) { border-color: #48536a } .irs--modern .irs-max, .irs--modern .irs-min { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: #fff; background-color: #d1d6e0; border-radius: 5px } .irs--modern .irs-from, .irs--modern .irs-single, .irs--modern .irs-to { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: #fff; border-radius: 5px } .irs--modern .irs-from:before, .irs--modern .irs-single:before, .irs--modern .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426 } .irs--modern .irs-grid { height: 25px } .irs--modern .irs-grid-pol { background-color: #dedede } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover, .irs--sharp .irs-line { background-color: #000 } .irs--modern .irs-grid-text { color: silver; font-size: 13px } .irs--sharp { font-size: 12px; line-height: 1 } .irs--sharp.irs-with-grid { height: 57px } .irs--sharp .irs-line { top: 30px; height: 2px; border-radius: 2px } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, .5) } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2 } .irs--sharp .irs-handle>i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2 } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover, .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff } .irs--sharp .irs-handle.state_hover>i:first-child, .irs--sharp .irs-handle:hover>i:first-child { border-top-color: #000 } .irs--sharp .irs-max, .irs--sharp .irs-min { color: #fff; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: .4; background-color: #a804b2; border-radius: 2px } .irs--sharp .irs-from, .irs--sharp .irs-single, .irs--sharp .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: #fff; border-radius: 2px } .irs--sharp .irs-from:before, .irs--sharp .irs-single:before, .irs--sharp .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2 } .irs--sharp .irs-grid { height: 25px } .irs--sharp .irs-grid-pol { background-color: #dedede } .irs--sharp .irs-grid-text { color: silver; font-size: 13px } .irs--round.irs-with-grid { height: 65px } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, .5) } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: #fff; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, .3) } .irs--round .irs-max, .irs--round .irs-min { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, .1); border-radius: 4px } .irs--round .irs-from, .irs--round .irs-single, .irs--round .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: #fff; border-radius: 4px } .irs--round .irs-grid-pol, .irs--square .irs-line { background-color: #dedede } .irs--round .irs-from:before, .irs--round .irs-single:before, .irs--round .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa } .irs--round .irs-grid { height: 25px } .irs--round .irs-grid-text { color: silver; font-size: 13px } .irs--square.irs-with-grid { height: 60px } .irs--square .irs-line { top: 31px; height: 4px } .irs--square .irs-bar { top: 31px; height: 4px; background-color: #000 } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid #000; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .irs--square .irs-max, .irs--square .irs-min { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, .1) } .irs--square .irs-from, .irs--square .irs-single, .irs--square .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #000; color: #fff } .irs--square .irs-grid { height: 25px } .irs--square .irs-grid-pol { background-color: #dedede } .irs--square .irs-grid-text { color: silver; font-size: 11px } .selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder { visibility: visible !important; background: rgba(0, 0, 0, .06) !important; border: 0 !important; -webkit-box-shadow: inset 0 0 12px 4px #fff; box-shadow: inset 0 0 12px 4px #fff } .selectize-control.plugin-drag_drop .ui-sortable-placeholder:after { content: "!"; visibility: hidden } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); box-shadow: 0 2px 5px rgba(0, 0, 0, .2) } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: .4; margin-top: -12px; line-height: 20px; font-size: 20px !important } .selectize-control, .selectize-input, .tick [data-layout~=overlay] { position: relative } .selectize-dropdown-header-close:hover { color: #000 } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .selectize-control.plugin-remove_button [data-value] .remove, .selectize-input { z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 } .selectize-dropdown .optgroup:first-child .optgroup-header, .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important } .selectize-control.plugin-remove_button [data-value] .remove { position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: 700; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; padding: 2px 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; box-sizing: border-box } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, .05) } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: 0 0 } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #fff } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px } .select2-container .select2-selection--multiple .select2-selection__clear, .select2-container .select2-selection--single .select2-selection__clear { font-size: 1em; background-color: transparent; border: none } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit } .selectize-control.single .selectize-input.input-active, .selectize-input { background: #fff; cursor: text; display: inline-block } .selectize-input { border: 1px solid #d0d0d0; padding: 8px; width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .selectize-control.multi .selectize-input.has-items { padding: 6px 8px 3px } .selectize-input.full { background-color: #fff } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15) } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .selectize-input>* { vertical-align: baseline; display: inline-block; zoom: 1 } .selectize-control.multi .selectize-input>div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0 } .selectize-control.multi .selectize-input>div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca } .selectize-control.multi .selectize-input.disabled>div, .selectize-control.multi .selectize-input.disabled>div.active { color: #7d7d7d; background: #fff; border: 0 solid #fff } .selectize-input>input { display: inline-block !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important } .selectize-input>input::-ms-clear { display: none } .selectize-input:after { content: " "; display: block; clear: left } .selectize-input.dropdown-active:before { content: " "; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0 } .selectize-dropdown { position: absolute; z-index: 10; background: #fff; margin: -1px 0 0; border: 1px solid #d0d0d0; border-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1); box-shadow: 0 1px 3px rgba(0, 0, 0, .1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, .2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .selectize-dropdown .optgroup-header, .selectize-dropdown .option { padding: 5px 8px } .selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: .5 } .selectize-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68 } .selectize-dropdown .active.create { color: #495c68 } .selectize-dropdown .create { color: rgba(48, 48, 48, .5) } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text } .selectize-control.single .selectize-input:after { content: " "; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-color: grey transparent transparent; border-style: solid; border-width: 5px 5px 0 } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px; border-color: transparent transparent grey } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto } .selectize-control.rtl .selectize-input>input { margin: 0 4px 0 -2px !important } .selectize-control .selectize-input.disabled { opacity: .5; background-color: #fafafa } [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit } .simplebar-mask { direction: inherit; overflow: hidden; width: auto !important; height: auto !important; z-index: 0 } .simplebar-mask, .simplebar-offset { position: absolute; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0 } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; -webkit-overflow-scrolling: touch } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0 } .simplebar-content:after, .simplebar-content:before { content: " "; display: table } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0 } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; z-index: -1 } .simplebar-height-auto-observer, .simplebar-track { position: absolute; overflow: hidden; pointer-events: none } .simplebar-track { z-index: 1; right: 0; bottom: 0 } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; -webkit-user-select: none } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px } .simplebar-scrollbar:before { position: absolute; content: ""; background: #000; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity .2s linear } .simplebar-scrollbar.simplebar-visible:before { opacity: .5; transition: opacity linear } .simplebar-track.simplebar-vertical { top: 0; width: 11px } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px } .simplebar-track.simplebar-horizontal { left: 0; height: 11px } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto } [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { right: auto; left: 0 } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none } .tick, .tick-flip { position: relative } .tick { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; z-index: 1; line-height: 1.4 } .tick * { box-sizing: inherit } .tick [data-view] { max-width: 100% } .tick span[data-view] { display: inline-block } .tick [data-layout~=pad] { margin: -.25em } .tick [data-layout~=pad]>* { margin: .25em } .tick [data-layout~=horizontal] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .tick [data-layout~=horizontal][data-layout~=baseline] { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline } .tick [data-layout~=horizontal][data-layout~=center] { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .tick [data-layout~=horizontal][data-layout~=right] { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .tick [data-layout~=horizontal][data-layout~=left], .tick [data-layout~=vertical][data-layout~=top] { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .tick [data-layout~=horizontal][data-layout~=fill], .tick [data-layout~=horizontal][data-layout~=stretch] { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .tick [data-layout~=horizontal][data-layout~=fill]>*, .tick [data-layout~=horizontal][data-layout~=stretch]>* { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; width: 100% } .tick [data-layout~=horizontal][data-layout~=multi-line] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .tick [data-layout~=horizontal][data-layout~=fit] { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; white-space: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .tick [data-layout~=vertical] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .tick [data-layout~=vertical][data-layout~=bottom] { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; min-height: 100% } .tick [data-layout~=vertical][data-layout~=middle] { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 100% } .tick [data-layout~=vertical][data-layout~=left] { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .tick [data-layout~=vertical][data-layout~=right] { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .tick [data-layout~=overlay][data-layout~=center], .tick [data-layout~=vertical][data-layout~=center] { text-align: center } .tick [data-layout~=vertical][data-layout~=fill], .tick [data-layout~=vertical][data-layout~=stretch] { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 100% } .tick [data-layout~=vertical][data-layout~=fill]>*, .tick [data-layout~=vertical][data-layout~=stretch]>* { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0 } .tick [data-layout~=vertical]>*+* { margin-top: .5em } .tick [data-layout~=overlay]>* { margin: 0 } .tick [data-layout~=overlay][data-layout~=left] { text-align: left } .tick [data-layout~=overlay][data-layout~=right] { text-align: right } .tick [data-layout~=overlay]>[data-overlay=fill], .tick [data-layout~=overlay]>[data-overlay=stretch] { position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .tick [data-layout~=overlay]>[data-overlay=center] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .tick-flip { text-align: center } .tick-flip * { border-radius: inherit; white-space: pre; letter-spacing: inherit; text-indent: inherit } .tick-flip-front { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .tick-flip-back { border-top-left-radius: 0; border-top-right-radius: 0 } .tick-flip-spacer { display: block; visibility: hidden } .tick-flip-shadow { position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; color: transparent !important; background: 0 0 !important } .tick-flip-shadow-top { bottom: calc(50% - 1px) } .tick-flip-shadow-bottom { top: calc(50% + 1px) } .tick-flip-card-shadow { position: absolute; left: .15em; right: .15em; bottom: .125em; height: .5em; background-color: transparent; border-radius: 0; opacity: 0; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; box-shadow: 0 .125em .25em rgba(0, 0, 0, .5), 0 .125em .5em rgba(0, 0, 0, .75); z-index: 0 } .tick-flip-card { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; -webkit-perspective: 4em; perspective: 4em } .tick-flip-panel-back, .tick-flip-panel-front { position: absolute; left: 0; width: 100%; height: 51%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .tick-flip-panel-back-text, .tick-flip-panel-front-text { position: absolute; left: -1px; top: 0; right: -1px; height: 100%; overflow: hidden } .tick-flip-panel-text-wrapper { position: absolute; left: 0; top: 0; right: 0; height: 100% } .tick-flip-panel-back-text .tick-flip-panel-text-wrapper { height: 200%; top: -100% } .tick-flip-panel-front { -webkit-transform-origin: center bottom; transform-origin: center bottom; top: 0; z-index: 2; box-shadow: inset 0 1px hsla(0, 0%, 100%, .05) } .tick-flip-panel-back { -webkit-transform-origin: center top; transform-origin: center top; top: 50%; z-index: 1; box-shadow: inset 0 -1px rgba(0, 0, 0, .1) } .tick-flip-panel-back:after { z-index: 1; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .3) 1px, rgba(0, 0, 0, .15) 0, transparent 30%); background-image: linear-gradient(180deg, rgba(0, 0, 0, .3) 1px, rgba(0, 0, 0, .15) 0, transparent 30%) } .tick [data-style*="rounded:panels"] .tick-flip-front, .tick [data-style*="rounded:panels"] .tick-flip-shadow-bottom, .tick-flip-panel-back-highlight, .tick-flip-panel-back-shadow { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit } .tick-flip-panel-back-highlight, .tick-flip-panel-back-shadow, .tick-flip-panel-front-shadow { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0 } .tick-flip-panel-front-shadow { background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .3)); background-image: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .3)) } .tick-flip-panel-back-shadow { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .5)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .5)) } .tick-flip-panel-back-highlight { z-index: 3; background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .3)); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .3)) } .datepicker-header .datepicker-controls .button[disabled], .tick [data-style*="shadow:inner"], .tick [data-style*="shadow:inner"] .tick-flip-card-shadow, .tick [data-style*="shadow:none"] .tick-flip-card-shadow, .tick [data-style*="shadow:none"] .tick-flip-panel-back, .tick [data-style*="shadow:none"] .tick-flip-panel-front, .tick [data-style*="shadow:none"] .tick-flip-shadow { box-shadow: none } .tick [data-style*="shadow:none"] .tick-flip-back:after, .tick [data-style*="shadow:none"] .tick-flip-panel-back-shadow, .tick [data-style*="shadow:none"] .tick-flip-panel-back-text:after, .tick [data-style*="shadow:none"] .tick-flip-panel-front-shadow { background-image: none } .tick [data-style*="rounded:none"] { border-radius: 0 } .tick [data-style*="rounded:panels"] .tick-flip-back, .tick [data-style*="rounded:panels"] .tick-flip-panel-back:after, .tick [data-style*="rounded:panels"] .tick-flip-shadow-top { border-top-left-radius: inherit; border-top-right-radius: inherit } .tick-flip { margin-left: .0625em; margin-right: .0625em; min-width: 1.125em; border-radius: .125em; letter-spacing: .25em; text-indent: .25em } .tick-flip-panel { color: #edebeb; background-color: #333232 } .tick-flip-shadow { box-shadow: 0 .125em .3125em rgba(0, 0, 0, .25), 0 .02125em .06125em rgba(0, 0, 0, .25) } .select2-container { box-sizing: border-box; margin: 0; position: relative; vertical-align: middle; display: block } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear, .select2-search--dropdown.select2-search--hide { display: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0 } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep-all } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option--selectable { cursor: pointer } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--default .select2-results__option--disabled, .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; height: 26px; margin-right: 20px; padding-right: 0 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; border-width: 0 4px 5px } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; position: relative } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: 700; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0 0 0 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap } .datepicker, .select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, .select2-container--classic .select2-selection--multiple .select2-selection__clear, .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: 700; padding: 0 4px; position: absolute; left: 0; top: 0 } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background-color: #f1f1f1; color: #333; outline: 0 } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-radius: 0 4px 4px 0 } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #000; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: 0 0; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--group { padding: 0 } .select2-container--default .select2-results__option--selected { background-color: #ddd } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: #fff } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(180deg, #fff 50%, #eee); background-repeat: repeat-x } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; height: 26px; margin-right: 20px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(180deg, #eee 50%, #ccc); background-repeat: repeat-x } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 4px 0 0 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: 0 0; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; border-width: 0 4px 5px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff, #eee 50%); background-image: -o-linear-gradient(top, #fff 0, #eee 50%); background-image: linear-gradient(180deg, #fff 0, #eee 50%); background-repeat: repeat-x } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(180deg, #eee 50%, #fff); background-repeat: repeat-x } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0 } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: 700; padding: 0 4px } .select2-container--bootstrap4 .select2-results__option[role=group], .select2-container--classic .select2-results__option--group { padding: 0 } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: 0 } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-radius: 0 4px 4px 0 } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results__option--disabled { color: grey } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } .datepicker-controls .button:active, .datepicker-controls .button:focus, .select2-container :focus { outline: 0 } .input-group .select2-container--bootstrap4 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .input-group-prepend~.select2-container--bootstrap4 .select2-selection { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group>.select2-container--bootstrap4:not(:last-child) .select2-selection { border-top-right-radius: 0; border-bottom-right-radius: 0 } .select2-container--bootstrap4 .select2-selection { width: 100%; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .select2-container--bootstrap4 .select2-selection { -webkit-transition: none; transition: none } } .select2-container--bootstrap4.select2-container--focus .select2-selection { border-color: #80bdff; -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25); box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .select2-container--bootstrap4.select2-container--disabled .select2-selection, .select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-selection { cursor: not-allowed; background-color: #e9ecef; border-color: #ced4da; -webkit-box-shadow: none; box-shadow: none } .select2-container--bootstrap4.select2-container--disabled .select2-search__field, .select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-search__field { background-color: transparent } form.was-validated select:invalid~.select2-container--bootstrap4 .select2-selection, select.is-invalid~.select2-container--bootstrap4 .select2-selection { border-color: #dc3545 } form.was-validated select:valid~.select2-container--bootstrap4 .select2-selection, select.is-valid~.select2-container--bootstrap4 .select2-selection { border-color: #28a745 } .select2-container--bootstrap4 .select2-search { width: 100% } .select2-container--bootstrap4 .select2-dropdown { border-color: #ced4da; border-radius: 0 } .select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below { border-top: none; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above { border-top: 1px solid #ced4da; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] { color: #212529; background-color: #f2f2f2 } .select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] { color: #fff; background-color: #007bff } .select2-container--bootstrap4 .select2-results__option[role=group] .select2-results__options--nested .select2-results__option { padding-left: 1em } .select2-container--bootstrap4 .select2-results__option { padding: .375rem .75rem } .select2-container--bootstrap4 .select2-results>.select2-results__options { max-height: 15em; overflow-y: auto } .select2-container--bootstrap4 .select2-results__group { display: list-item; padding: 6px; color: #6c757d } .select2-container--bootstrap4 .select2-selection__clear { float: right; width: .9em; height: .9em; padding-left: .15em; margin-top: .7em; margin-right: .3em; line-height: .75em; color: #f8f9fa; background-color: #c8c8c8; border-radius: 100% } .select2-container--bootstrap4 .select2-selection__clear:hover { background-color: #afafaf } .select2-container--bootstrap4 .select2-selection--single { height: calc(1.5em + .75rem + 2px) !important } .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder { line-height: calc(1.5em + .75rem); color: #6c757d } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { position: absolute; top: 50%; right: 3px; width: 20px } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { position: absolute; top: 60%; left: 50%; width: 0; height: 0; margin-top: -2px; margin-left: -4px; border-color: #343a40 transparent transparent; border-style: solid; border-width: 5px 4px 0 } .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { padding-left: .75rem; line-height: calc(1.5em + .75rem); color: #495057 } .select2-search--dropdown .select2-search__field { padding: .375rem .75rem; border: 1px solid #ced4da; border-radius: .25rem } .datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled), .select2-results__message { color: #6c757d } .select2-container--bootstrap4 .select2-selection--multiple { min-height: calc(1.5em + .75rem + 2px) !important } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 .375rem; margin: 0; list-style: none } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { float: left; padding: 0 .75rem 0 0; margin-top: calc(.375rem - 2px); margin-right: .375rem; color: #495057; cursor: pointer; border: 1px solid #bdc6d0; border-radius: .2rem } .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field { color: #495057 } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice+.select2-search { width: 0 } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove { float: left; padding-right: 3px; padding-left: 3px; margin-right: 1px; margin-left: 3px; font-weight: 700; color: #bdc6d0 } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover { color: #343a40 } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear { position: absolute !important; top: 0; right: .7em; float: none; margin-right: 0 } .select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice { padding: 0 5px; cursor: not-allowed } .datepicker-dropdown .datepicker-picker { box-shadow: 0 2px 3px hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .1) } .datepicker-footer { box-shadow: inset 0 1px 1px hsla(0, 0%, 4%, .1) } .datepicker-title { box-shadow: inset 0 -1px 1px hsla(0, 0%, 4%, .1) } .datepicker-controls .button { align-items: center; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 4px; box-shadow: none; color: #363636; cursor: pointer; display: inline-flex; font-size: 1rem; height: 2.25em; justify-content: center; line-height: 1.5; margin: 0; padding: calc(.375em - 1px) .75em; position: relative; text-align: center; vertical-align: top; white-space: nowrap } .datepicker-controls .button:hover { border-color: #b5b5b5; color: #363636 } .datepicker-controls .button:focus { border-color: #3273dc; color: #363636 } .datepicker-controls .button:focus:not(:active) { box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25) } .datepicker-controls .button:active { border-color: #4a4a4a; color: #363636 } .datepicker-controls .button[disabled] { cursor: not-allowed } .datepicker-header .datepicker-controls .btn, .datepicker-header .datepicker-controls .button { border-color: transparent; font-weight: 700 } .datepicker-header .datepicker-controls .button:hover { background-color: #f9f9f9 } .datepicker-header .datepicker-controls .button:focus:not(:active) { box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25) } .datepicker-header .datepicker-controls .button:active { background-color: #f2f2f2 } .datepicker-footer .datepicker-controls .button { border-radius: 2px; font-size: .75rem; margin: calc(.375rem - 1px) .375rem; width: 100% } .datepicker-input.in-edit:active, .datepicker-input.in-edit:focus { box-shadow: 0 0 .25em .25em rgba(35, 102, 209, .2) } .datepicker-dropdown { left: 0; padding-top: 4px; position: absolute; top: 0; z-index: 1000 } .datepicker-dropdown.datepicker-orient-top { padding-bottom: 4px; padding-top: 0 } .datepicker-picker { background-color: #fff; border-radius: .25rem; display: inline-block } .datepicker-dropdown .datepicker-picker { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175) } .datepicker-picker span { border: 0; border-radius: .25rem; cursor: default; display: block; flex: 1; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .datepicker-main { padding: 2px } .datepicker-footer { background-color: #f8f9fa; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1) } .datepicker-controls, .datepicker-grid, .datepicker-view, .datepicker-view .days-of-week { display: flex } .datepicker-grid { flex-wrap: wrap; width: 15.75rem } .datepicker-view .days .datepicker-cell, .datepicker-view .dow { flex-basis: 14.2857142857% } .datepicker-view.datepicker-grid .datepicker-cell { flex-basis: 25%; height: 4.5rem; line-height: 4.5rem } .datepicker-cell, .datepicker-view .week { height: 2.25rem; line-height: 2.25rem } .datepicker-title { background-color: #f8f9fa; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .1); font-weight: 700; padding: .375rem .75rem; text-align: center } .datepicker-header .datepicker-controls { padding: 2px 2px 0 } .datepicker-controls .btn { background-color: #fff; border-color: #f8f9fa } .datepicker-controls .btn:focus, .datepicker-controls .btn:hover { background-color: #e2e6ea; border-color: #dae0e5; color: #212529 } .datepicker-controls .btn:focus, .datepicker-controls .btn:not(:disabled):active:focus { box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5) } .datepicker-controls .btn:disabled { background-color: #f8f9fa; border-color: #f8f9fa; color: #212529 } .datepicker-controls .btn:not(:disabled):active { background-color: #dae0e5; border-color: #d3d9df; color: #212529 } .datepicker-footer .datepicker-controls .btn { border-radius: .2rem; font-size: .875rem; margin: calc(.375rem - 1px) .375rem; width: 100% } .datepicker-controls .view-switch { flex: auto } .datepicker-controls .next-btn, .datepicker-controls .prev-btn { padding-left: .375rem; padding-right: .375rem; width: 2.25rem } .datepicker-view .dow { font-size: .9375rem; font-weight: 700; height: 1.5rem; line-height: 1.5rem } .datepicker-view .week { color: #dee2e6; font-size: .875rem; width: 2.25rem } @media (max-width:22.5rem) { .datepicker-view .week { width: 1.96875rem } .calendar-weeks+.days .datepicker-grid { width: 13.78125rem } } .datepicker-cell:not(.disabled):hover { background-color: #f9f9f9; cursor: pointer } .datepicker-cell.focused:not(.selected), .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused, .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover { background-color: #e2e6ea } .datepicker-cell.selected, .datepicker-cell.selected:hover { background-color: #007bff; color: #fff; font-weight: 600 } .datepicker-cell.disabled { color: #adb5bd } .datepicker-cell.next.selected, .datepicker-cell.prev.selected { color: #e6e6e6 } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) { background-color: #f8f9fa; border-radius: 0 } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover { background-color: #f1f3f5 } .datepicker-cell.today:not(.selected) { background-color: #20c997 } .datepicker-cell.today:not(.selected):not(.disabled) { color: #fff } .datepicker-cell.today.focused:not(.selected) { background-color: #1ebe8f } .datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) { background-color: #6c757d; color: #fff } .datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected) { background-color: #666f76 } .datepicker-cell.range-start { border-radius: .25rem 0 0 .25rem } .datepicker-cell.range-end { border-radius: 0 .25rem .25rem 0 } .datepicker-cell.range { background-color: #e9ecef; border-radius: 0 } .datepicker-cell.range.disabled { color: #cbd3da } .datepicker-cell.range.focused { background-color: #dadfe4 } .datepicker-input.in-edit { border-color: #66b0ff } .datepicker-input.in-edit:active, .datepicker-input.in-edit:focus { box-shadow: 0 0 .25em .25em rgba(102, 176, 255, .2) } code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection { text-shadow: none; background: #b3d4fc } code[class*=language-] ::selection, code[class*=language-]::selection, pre[class*=language-] ::selection, pre[class*=language-]::selection { text-shadow: none; background: #b3d4fc } @media print { code[class*=language-], pre[class*=language-] { text-shadow: none } } .language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url { background: hsla(0, 0%, 100%, .5) } code[class*=language-], pre[class*=language-] { color: #f8f8f2; background: 0 0; text-shadow: 0 1px rgba(0, 0, 0, .3); font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none } pre[class*=language-] { padding: 1em; margin: .5em 0; overflow: auto; border-radius: .3em } :not(pre)>code[class*=language-], pre[class*=language-] { background: #272822 } :not(pre)>code[class*=language-] { padding: .1em; border-radius: .3em; white-space: normal } .token.cdata, .token.comment, .token.doctype, .token.prolog { color: #8292a2 } .language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.punctuation, .token.url, .token.variable { color: #f8f8f2 } .token.namespace { opacity: .7 } .token.constant, .token.deleted, .token.property, .token.symbol, .token.tag { color: #f92672 } .token.boolean, .token.number { color: #ae81ff } .token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string { color: #a6e22e } .token.atrule, .token.attr-value, .token.class-name, .token.function { color: #e6db74 } .token.keyword { color: #66d9ef } .token.important, .token.regex { color: #fd971f } .token.bold, .token.important { font-weight: 700 } .token.italic { font-style: italic } .token.entity { cursor: help } .lb-loader, .lightbox { text-align: center; line-height: 0; position: absolute; left: 0 } body.lb-disable-scrolling { overflow: hidden } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; opacity: .8; display: none } .lightbox { width: 100%; z-index: 10000; font-weight: 400; outline: 0 } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid #fff } .lightbox a img { border: none } .lb-outerContainer { position: relative; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: #fff } .lb-dataContainer:after, .lb-outerContainer:after { content: ""; display: table; clear: both } .lb-loader { top: 43%; height: 25%; width: 100% } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.html) no-repeat } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 } .lb-nav a { outline: 0; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) } .lb-next, .lb-prev { height: 100%; cursor: pointer; display: block } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; opacity: 0; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; opacity: 0; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } .lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .lb-data { padding: 0 4px; color: #ccc } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em } .lb-data .lb-caption { font-size: 13px; font-weight: 700; line-height: 1em } .lb-data .lb-caption a { color: #4ae } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999 } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) 100% 0 no-repeat; text-align: right; outline: 0; opacity: .7; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s } .lb-data .lb-close:hover { cursor: pointer; opacity: 1 } @charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@200;300;400;500;600;700&display=swap"); @font-face { font-family: icomoon; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/icomoon/fonts/icomoon.eot?pks8nm); src: url(https://www.emiratesnbd.com/assets/enbd/fonts/icomoon/fonts/icomoon.eot?pks8nm#iefix) format("embedded-opentype"), url(https://www.emiratesnbd.com/assets/enbd/fonts/icomoon/fonts/icomoon.ttf?pks8nm) format("truetype"), url(https://www.emiratesnbd.com/assets/enbd/fonts/icomoon/fonts/icomoon.woff?pks8nm) format("woff"), url(https://www.emiratesnbd.com/assets/enbd/fonts/icomoon/fonts/icomoon.svg?pks8nm#icomoon) format("svg"); font-weight: 400; font-style: normal; font-display: block } [class*=" icon-"], [class^=icon-] { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-pending:before { content: "\e983" } .icon-x-facebook:before { content: "\e981" } .icon-x-twitter:before { content: "\e982" } .icon-eye-hide:before { content: "\e97f" } .icon-eye-show:before { content: "\e980" } .icon-arrow-up:before { content: "\e97a" } .icon-arrow-down:before { content: "\e97d" } .icon-btn-arrow:before { content: "\e97e" } .icon-quick-access:before { content: "\e979" } .icon-lock-outline:before { content: "\e978"; color: #182f7c } .icon-location-outline:before { content: "\e975"; color: #182f7c } .icon-support-outline:before { content: "\e976"; color: #182f7c } .icon-login-outline:before { content: "\e977"; color: #182f7c } .icon-list-view:before { content: "\e900" } .icon-map-view:before { content: "\e901" } .icon-icon-icon-circle-human:before { content: "\e800" } .icon-upload-document:before { content: "\e801" } .icon-share:before { content: "\e902" } .icon-car:before { content: "\e903" } .icon-loser:before { content: "\e904" } .icon-graduate:before { content: "\e905" } .icon-carpool:before { content: "\e906" } .icon-guardian:before { content: "\e907" } .icon-home:before { content: "\e908" } .icon-wedding-rings:before { content: "\e909" } .icon-warning:before { content: "\e90a" } .icon-youtube:before { content: "\e90b" } .icon-twitter:before { content: "\e90c" } .icon-facebook:before { content: "\e90d" } .icon-subscription:before { content: "\e90e" } .icon-phone-lock:before { content: "\e90f" } .icon-help:before { content: "\e910" } .icon-sad:before { content: "\e911" } .icon-happy:before { content: "\e912" } .icon-happy-alt:before { content: "\e913" } .icon-notification:before { content: "\e914" } .icon-consultation:before { content: "\e915" } .icon-search:before { content: "\e916" } .icon-lock:before { content: "\e917" } .icon-marker:before { content: "\e918" } .icon-angle-down:before { content: "\e919" } .icon-angle-right:before { content: "\e91a" } .icon-angle-left:before { content: "\e91b" } .icon-chevron-right:before { content: "\e91c" } .icon-chevron-down:before { content: "\e91d" } .icon-chevron-left:before { content: "\e91e" } .icon-chevron-top:before { content: "\e91f" } .icon-trust:before { content: "\e920" } .icon-iris-scan:before { content: "\e921" } .icon-messenger:before { content: "\e922" } .icon-mobile:before { content: "\e923" } .icon-online-money-transfer:before { content: "\e924" } .icon-exhibitor:before { content: "\e925" } .icon-lifebuoy:before { content: "\e926" } .icon-currency-exchange:before { content: "\e927" } .icon-bank-cards:before { content: "\e928" } .icon-wallet:before { content: "\e929" } .icon-bank-cards-2:before { content: "\e92a" } .icon-shopping:before { content: "\e92b" } .icon-user-interface:before { content: "\e92c" } .icon-support:before { content: "\e92d" } .icon-mortgage:before { content: "\e92e" } .icon-search-property:before { content: "\e92f" } .icon-place-marker:before { content: "\e930" } .icon-high-priority:before { content: "\e931" } .icon-discount:before { content: "\e932" } .icon-restaurant:before { content: "\e933" } .icon-holiday:before { content: "\e934" } .icon-airport:before { content: "\e935" } .icon-light-on:before { content: "\e936" } .icon-personal-loan:before { content: "\e937" } .icon-home-2:before { content: "\e938" } .icon-video-message:before { content: "\e939" } .icon-line-circles-3:before { content: "\e93a" } .icon-full-screen:before { content: "\e93b" } .icon-mic:before { content: "\e93c" } .icon-close:before { content: "\e93d" } .icon-linking:before { content: "\e93e" } .icon-tag:before { content: "\e93f" } .icon-wealth-management:before { content: "\e940" } .icon-location:before { content: "\e941" } .icon-feedback:before { content: "\e942" } .icon-facebook-circle:before { content: "\e943" } .icon-mail:before { content: "\e944" } .icon-download:before { content: "\e945" } .icon-link:before { content: "\e946" } .icon-thumbs-up:before { content: "\e947" } .icon-thumbs-down-fill:before { content: "\e948" } .icon-thumbs-up-fill:before { content: "\e949" } .icon-thumbs-down:before { content: "\e94a" } .icon-mobile-banking-app:before { content: "\e94b" } .icon-lock-pin:before { content: "\e94c" } .icon-website:before { content: "\e94d" } .icon-timer:before { content: "\e94e" } .icon-book:before { content: "\e94f" } .icon-chevron-double-down:before { content: "\e950" } .icon-angle-up:before { content: "\e951" } .icon-activation:before { content: "\e952" } .icon-letters-statement:before { content: "\e953" } .icon-personal-information:before { content: "\e954" } .icon-security-privacy:before { content: "\e955" } .icon-transaction-dispute:before { content: "\e956" } .icon-search-2:before { content: "\e957" } .icon-mic-line:before { content: "\e958" } .icon-cash-management:before { content: "\e959" } .icon-phone:before { content: "\e95a" } .icon-globe:before { content: "\e95b" } .icon-circle-check:before { content: "\e95c" } .icon-clock:before { content: "\e95d" } .icon-chat:before { content: "\e95e" } .icon-envelope:before { content: "\e95f" } .icon-map:before { content: "\e960" } .icon-map-pin:before { content: "\e961" } .icon-check-circle:before { content: "\e962" } .icon-save-draft:before { content: "\e963" } .icon-close-thin:before { content: "\e964" } .icon-launch:before { content: "\e965" } .icon-card:before { content: "\e966" } .icon-filter:before { content: "\e967" } .icon-chevron2-up:before { content: "\e968" } .icon-chevron2-down:before { content: "\e969" } .icon-chevron2-left:before { content: "\e96a" } .icon-chevron2-right:before { content: "\e96b" } .icon-square-outline:before { content: "\e96c" } .icon-check-square:before { content: "\e96d" } .icon-deals:before { content: "\e96e" } .icon-document:before { content: "\e96f" } .icon-news:before { content: "\e970" } .icon-multi-chat:before { content: "\e971" } .icon-voice:before { content: "\e972" } .icon-linkedin:before { content: "\e973" } .icon-instagram:before { content: "\e974" } .icon-phone-2:before { content: "\e97b" } .icon-star-dark:before { content: "\e97c" } .icon-star-light:before { content: "\e98b" } .icon-direction:before { content: "\e99b" } .icon-bullet-list:before { content: "\e9a3" } @font-face { font-display: block; font-family: bootstrap-icons; src: url(https://www.emiratesnbd.com/assets/enbd/bootstrap-icons/fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/bootstrap-icons/fonts/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf) format("woff") } .bi:before, [class*=" bi-"]:before, [class^=bi-]:before { display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: 400 !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .bi-123:before { content: "\f67f" } .bi-alarm-fill:before { content: "\f101" } .bi-alarm:before { content: "\f102" } .bi-align-bottom:before { content: "\f103" } .bi-align-center:before { content: "\f104" } .bi-align-end:before { content: "\f105" } .bi-align-middle:before { content: "\f106" } .bi-align-start:before { content: "\f107" } .bi-align-top:before { content: "\f108" } .bi-alt:before { content: "\f109" } .bi-app-indicator:before { content: "\f10a" } .bi-app:before { content: "\f10b" } .bi-archive-fill:before { content: "\f10c" } .bi-archive:before { content: "\f10d" } .bi-arrow-90deg-down:before { content: "\f10e" } .bi-arrow-90deg-left:before { content: "\f10f" } .bi-arrow-90deg-right:before { content: "\f110" } .bi-arrow-90deg-up:before { content: "\f111" } .bi-arrow-bar-down:before { content: "\f112" } .bi-arrow-bar-left:before { content: "\f113" } .bi-arrow-bar-right:before { content: "\f114" } .bi-arrow-bar-up:before { content: "\f115" } .bi-arrow-clockwise:before { content: "\f116" } .bi-arrow-counterclockwise:before { content: "\f117" } .bi-arrow-down-circle-fill:before { content: "\f118" } .bi-arrow-down-circle:before { content: "\f119" } .bi-arrow-down-left-circle-fill:before { content: "\f11a" } .bi-arrow-down-left-circle:before { content: "\f11b" } .bi-arrow-down-left-square-fill:before { content: "\f11c" } .bi-arrow-down-left-square:before { content: "\f11d" } .bi-arrow-down-left:before { content: "\f11e" } .bi-arrow-down-right-circle-fill:before { content: "\f11f" } .bi-arrow-down-right-circle:before { content: "\f120" } .bi-arrow-down-right-square-fill:before { content: "\f121" } .bi-arrow-down-right-square:before { content: "\f122" } .bi-arrow-down-right:before { content: "\f123" } .bi-arrow-down-short:before { content: "\f124" } .bi-arrow-down-square-fill:before { content: "\f125" } .bi-arrow-down-square:before { content: "\f126" } .bi-arrow-down-up:before { content: "\f127" } .bi-arrow-down:before { content: "\f128" } .bi-arrow-left-circle-fill:before { content: "\f129" } .bi-arrow-left-circle:before { content: "\f12a" } .bi-arrow-left-right:before { content: "\f12b" } .bi-arrow-left-short:before { content: "\f12c" } .bi-arrow-left-square-fill:before { content: "\f12d" } .bi-arrow-left-square:before { content: "\f12e" } .bi-arrow-left:before { content: "\f12f" } .bi-arrow-repeat:before { content: "\f130" } .bi-arrow-return-left:before { content: "\f131" } .bi-arrow-return-right:before { content: "\f132" } .bi-arrow-right-circle-fill:before { content: "\f133" } .bi-arrow-right-circle:before { content: "\f134" } .bi-arrow-right-short:before { content: "\f135" } .bi-arrow-right-square-fill:before { content: "\f136" } .bi-arrow-right-square:before { content: "\f137" } .bi-arrow-right:before { content: "\f138" } .bi-arrow-up-circle-fill:before { content: "\f139" } .bi-arrow-up-circle:before { content: "\f13a" } .bi-arrow-up-left-circle-fill:before { content: "\f13b" } .bi-arrow-up-left-circle:before { content: "\f13c" } .bi-arrow-up-left-square-fill:before { content: "\f13d" } .bi-arrow-up-left-square:before { content: "\f13e" } .bi-arrow-up-left:before { content: "\f13f" } .bi-arrow-up-right-circle-fill:before { content: "\f140" } .bi-arrow-up-right-circle:before { content: "\f141" } .bi-arrow-up-right-square-fill:before { content: "\f142" } .bi-arrow-up-right-square:before { content: "\f143" } .bi-arrow-up-right:before { content: "\f144" } .bi-arrow-up-short:before { content: "\f145" } .bi-arrow-up-square-fill:before { content: "\f146" } .bi-arrow-up-square:before { content: "\f147" } .bi-arrow-up:before { content: "\f148" } .bi-arrows-angle-contract:before { content: "\f149" } .bi-arrows-angle-expand:before { content: "\f14a" } .bi-arrows-collapse:before { content: "\f14b" } .bi-arrows-expand:before { content: "\f14c" } .bi-arrows-fullscreen:before { content: "\f14d" } .bi-arrows-move:before { content: "\f14e" } .bi-aspect-ratio-fill:before { content: "\f14f" } .bi-aspect-ratio:before { content: "\f150" } .bi-asterisk:before { content: "\f151" } .bi-at:before { content: "\f152" } .bi-award-fill:before { content: "\f153" } .bi-award:before { content: "\f154" } .bi-back:before { content: "\f155" } .bi-backspace-fill:before { content: "\f156" } .bi-backspace-reverse-fill:before { content: "\f157" } .bi-backspace-reverse:before { content: "\f158" } .bi-backspace:before { content: "\f159" } .bi-badge-3d-fill:before { content: "\f15a" } .bi-badge-3d:before { content: "\f15b" } .bi-badge-4k-fill:before { content: "\f15c" } .bi-badge-4k:before { content: "\f15d" } .bi-badge-8k-fill:before { content: "\f15e" } .bi-badge-8k:before { content: "\f15f" } .bi-badge-ad-fill:before { content: "\f160" } .bi-badge-ad:before { content: "\f161" } .bi-badge-ar-fill:before { content: "\f162" } .bi-badge-ar:before { content: "\f163" } .bi-badge-cc-fill:before { content: "\f164" } .bi-badge-cc:before { content: "\f165" } .bi-badge-hd-fill:before { content: "\f166" } .bi-badge-hd:before { content: "\f167" } .bi-badge-tm-fill:before { content: "\f168" } .bi-badge-tm:before { content: "\f169" } .bi-badge-vo-fill:before { content: "\f16a" } .bi-badge-vo:before { content: "\f16b" } .bi-badge-vr-fill:before { content: "\f16c" } .bi-badge-vr:before { content: "\f16d" } .bi-badge-wc-fill:before { content: "\f16e" } .bi-badge-wc:before { content: "\f16f" } .bi-bag-check-fill:before { content: "\f170" } .bi-bag-check:before { content: "\f171" } .bi-bag-dash-fill:before { content: "\f172" } .bi-bag-dash:before { content: "\f173" } .bi-bag-fill:before { content: "\f174" } .bi-bag-plus-fill:before { content: "\f175" } .bi-bag-plus:before { content: "\f176" } .bi-bag-x-fill:before { content: "\f177" } .bi-bag-x:before { content: "\f178" } .bi-bag:before { content: "\f179" } .bi-bar-chart-fill:before { content: "\f17a" } .bi-bar-chart-line-fill:before { content: "\f17b" } .bi-bar-chart-line:before { content: "\f17c" } .bi-bar-chart-steps:before { content: "\f17d" } .bi-bar-chart:before { content: "\f17e" } .bi-basket-fill:before { content: "\f17f" } .bi-basket:before { content: "\f180" } .bi-basket2-fill:before { content: "\f181" } .bi-basket2:before { content: "\f182" } .bi-basket3-fill:before { content: "\f183" } .bi-basket3:before { content: "\f184" } .bi-battery-charging:before { content: "\f185" } .bi-battery-full:before { content: "\f186" } .bi-battery-half:before { content: "\f187" } .bi-battery:before { content: "\f188" } .bi-bell-fill:before { content: "\f189" } .bi-bell:before { content: "\f18a" } .bi-bezier:before { content: "\f18b" } .bi-bezier2:before { content: "\f18c" } .bi-bicycle:before { content: "\f18d" } .bi-binoculars-fill:before { content: "\f18e" } .bi-binoculars:before { content: "\f18f" } .bi-blockquote-left:before { content: "\f190" } .bi-blockquote-right:before { content: "\f191" } .bi-book-fill:before { content: "\f192" } .bi-book-half:before { content: "\f193" } .bi-book:before { content: "\f194" } .bi-bookmark-check-fill:before { content: "\f195" } .bi-bookmark-check:before { content: "\f196" } .bi-bookmark-dash-fill:before { content: "\f197" } .bi-bookmark-dash:before { content: "\f198" } .bi-bookmark-fill:before { content: "\f199" } .bi-bookmark-heart-fill:before { content: "\f19a" } .bi-bookmark-heart:before { content: "\f19b" } .bi-bookmark-plus-fill:before { content: "\f19c" } .bi-bookmark-plus:before { content: "\f19d" } .bi-bookmark-star-fill:before { content: "\f19e" } .bi-bookmark-star:before { content: "\f19f" } .bi-bookmark-x-fill:before { content: "\f1a0" } .bi-bookmark-x:before { content: "\f1a1" } .bi-bookmark:before { content: "\f1a2" } .bi-bookmarks-fill:before { content: "\f1a3" } .bi-bookmarks:before { content: "\f1a4" } .bi-bookshelf:before { content: "\f1a5" } .bi-bootstrap-fill:before { content: "\f1a6" } .bi-bootstrap-reboot:before { content: "\f1a7" } .bi-bootstrap:before { content: "\f1a8" } .bi-border-all:before { content: "\f1a9" } .bi-border-bottom:before { content: "\f1aa" } .bi-border-center:before { content: "\f1ab" } .bi-border-inner:before { content: "\f1ac" } .bi-border-left:before { content: "\f1ad" } .bi-border-middle:before { content: "\f1ae" } .bi-border-outer:before { content: "\f1af" } .bi-border-right:before { content: "\f1b0" } .bi-border-style:before { content: "\f1b1" } .bi-border-top:before { content: "\f1b2" } .bi-border-width:before { content: "\f1b3" } .bi-border:before { content: "\f1b4" } .bi-bounding-box-circles:before { content: "\f1b5" } .bi-bounding-box:before { content: "\f1b6" } .bi-box-arrow-down-left:before { content: "\f1b7" } .bi-box-arrow-down-right:before { content: "\f1b8" } .bi-box-arrow-down:before { content: "\f1b9" } .bi-box-arrow-in-down-left:before { content: "\f1ba" } .bi-box-arrow-in-down-right:before { content: "\f1bb" } .bi-box-arrow-in-down:before { content: "\f1bc" } .bi-box-arrow-in-left:before { content: "\f1bd" } .bi-box-arrow-in-right:before { content: "\f1be" } .bi-box-arrow-in-up-left:before { content: "\f1bf" } .bi-box-arrow-in-up-right:before { content: "\f1c0" } .bi-box-arrow-in-up:before { content: "\f1c1" } .bi-box-arrow-left:before { content: "\f1c2" } .bi-box-arrow-right:before { content: "\f1c3" } .bi-box-arrow-up-left:before { content: "\f1c4" } .bi-box-arrow-up-right:before { content: "\f1c5" } .bi-box-arrow-up:before { content: "\f1c6" } .bi-box-seam:before { content: "\f1c7" } .bi-box:before { content: "\f1c8" } .bi-braces:before { content: "\f1c9" } .bi-bricks:before { content: "\f1ca" } .bi-briefcase-fill:before { content: "\f1cb" } .bi-briefcase:before { content: "\f1cc" } .bi-brightness-alt-high-fill:before { content: "\f1cd" } .bi-brightness-alt-high:before { content: "\f1ce" } .bi-brightness-alt-low-fill:before { content: "\f1cf" } .bi-brightness-alt-low:before { content: "\f1d0" } .bi-brightness-high-fill:before { content: "\f1d1" } .bi-brightness-high:before { content: "\f1d2" } .bi-brightness-low-fill:before { content: "\f1d3" } .bi-brightness-low:before { content: "\f1d4" } .bi-broadcast-pin:before { content: "\f1d5" } .bi-broadcast:before { content: "\f1d6" } .bi-brush-fill:before { content: "\f1d7" } .bi-brush:before { content: "\f1d8" } .bi-bucket-fill:before { content: "\f1d9" } .bi-bucket:before { content: "\f1da" } .bi-bug-fill:before { content: "\f1db" } .bi-bug:before { content: "\f1dc" } .bi-building:before { content: "\f1dd" } .bi-bullseye:before { content: "\f1de" } .bi-calculator-fill:before { content: "\f1df" } .bi-calculator:before { content: "\f1e0" } .bi-calendar-check-fill:before { content: "\f1e1" } .bi-calendar-check:before { content: "\f1e2" } .bi-calendar-date-fill:before { content: "\f1e3" } .bi-calendar-date:before { content: "\f1e4" } .bi-calendar-day-fill:before { content: "\f1e5" } .bi-calendar-day:before { content: "\f1e6" } .bi-calendar-event-fill:before { content: "\f1e7" } .bi-calendar-event:before { content: "\f1e8" } .bi-calendar-fill:before { content: "\f1e9" } .bi-calendar-minus-fill:before { content: "\f1ea" } .bi-calendar-minus:before { content: "\f1eb" } .bi-calendar-month-fill:before { content: "\f1ec" } .bi-calendar-month:before { content: "\f1ed" } .bi-calendar-plus-fill:before { content: "\f1ee" } .bi-calendar-plus:before { content: "\f1ef" } .bi-calendar-range-fill:before { content: "\f1f0" } .bi-calendar-range:before { content: "\f1f1" } .bi-calendar-week-fill:before { content: "\f1f2" } .bi-calendar-week:before { content: "\f1f3" } .bi-calendar-x-fill:before { content: "\f1f4" } .bi-calendar-x:before { content: "\f1f5" } .bi-calendar:before { content: "\f1f6" } .bi-calendar2-check-fill:before { content: "\f1f7" } .bi-calendar2-check:before { content: "\f1f8" } .bi-calendar2-date-fill:before { content: "\f1f9" } .bi-calendar2-date:before { content: "\f1fa" } .bi-calendar2-day-fill:before { content: "\f1fb" } .bi-calendar2-day:before { content: "\f1fc" } .bi-calendar2-event-fill:before { content: "\f1fd" } .bi-calendar2-event:before { content: "\f1fe" } .bi-calendar2-fill:before { content: "\f1ff" } .bi-calendar2-minus-fill:before { content: "\f200" } .bi-calendar2-minus:before { content: "\f201" } .bi-calendar2-month-fill:before { content: "\f202" } .bi-calendar2-month:before { content: "\f203" } .bi-calendar2-plus-fill:before { content: "\f204" } .bi-calendar2-plus:before { content: "\f205" } .bi-calendar2-range-fill:before { content: "\f206" } .bi-calendar2-range:before { content: "\f207" } .bi-calendar2-week-fill:before { content: "\f208" } .bi-calendar2-week:before { content: "\f209" } .bi-calendar2-x-fill:before { content: "\f20a" } .bi-calendar2-x:before { content: "\f20b" } .bi-calendar2:before { content: "\f20c" } .bi-calendar3-event-fill:before { content: "\f20d" } .bi-calendar3-event:before { content: "\f20e" } .bi-calendar3-fill:before { content: "\f20f" } .bi-calendar3-range-fill:before { content: "\f210" } .bi-calendar3-range:before { content: "\f211" } .bi-calendar3-week-fill:before { content: "\f212" } .bi-calendar3-week:before { content: "\f213" } .bi-calendar3:before { content: "\f214" } .bi-calendar4-event:before { content: "\f215" } .bi-calendar4-range:before { content: "\f216" } .bi-calendar4-week:before { content: "\f217" } .bi-calendar4:before { content: "\f218" } .bi-camera-fill:before { content: "\f219" } .bi-camera-reels-fill:before { content: "\f21a" } .bi-camera-reels:before { content: "\f21b" } .bi-camera-video-fill:before { content: "\f21c" } .bi-camera-video-off-fill:before { content: "\f21d" } .bi-camera-video-off:before { content: "\f21e" } .bi-camera-video:before { content: "\f21f" } .bi-camera:before { content: "\f220" } .bi-camera2:before { content: "\f221" } .bi-capslock-fill:before { content: "\f222" } .bi-capslock:before { content: "\f223" } .bi-card-checklist:before { content: "\f224" } .bi-card-heading:before { content: "\f225" } .bi-card-image:before { content: "\f226" } .bi-card-list:before { content: "\f227" } .bi-card-text:before { content: "\f228" } .bi-caret-down-fill:before { content: "\f229" } .bi-caret-down-square-fill:before { content: "\f22a" } .bi-caret-down-square:before { content: "\f22b" } .bi-caret-down:before { content: "\f22c" } .bi-caret-left-fill:before { content: "\f22d" } .bi-caret-left-square-fill:before { content: "\f22e" } .bi-caret-left-square:before { content: "\f22f" } .bi-caret-left:before { content: "\f230" } .bi-caret-right-fill:before { content: "\f231" } .bi-caret-right-square-fill:before { content: "\f232" } .bi-caret-right-square:before { content: "\f233" } .bi-caret-right:before { content: "\f234" } .bi-caret-up-fill:before { content: "\f235" } .bi-caret-up-square-fill:before { content: "\f236" } .bi-caret-up-square:before { content: "\f237" } .bi-caret-up:before { content: "\f238" } .bi-cart-check-fill:before { content: "\f239" } .bi-cart-check:before { content: "\f23a" } .bi-cart-dash-fill:before { content: "\f23b" } .bi-cart-dash:before { content: "\f23c" } .bi-cart-fill:before { content: "\f23d" } .bi-cart-plus-fill:before { content: "\f23e" } .bi-cart-plus:before { content: "\f23f" } .bi-cart-x-fill:before { content: "\f240" } .bi-cart-x:before { content: "\f241" } .bi-cart:before { content: "\f242" } .bi-cart2:before { content: "\f243" } .bi-cart3:before { content: "\f244" } .bi-cart4:before { content: "\f245" } .bi-cash-stack:before { content: "\f246" } .bi-cash:before { content: "\f247" } .bi-cast:before { content: "\f248" } .bi-chat-dots-fill:before { content: "\f249" } .bi-chat-dots:before { content: "\f24a" } .bi-chat-fill:before { content: "\f24b" } .bi-chat-left-dots-fill:before { content: "\f24c" } .bi-chat-left-dots:before { content: "\f24d" } .bi-chat-left-fill:before { content: "\f24e" } .bi-chat-left-quote-fill:before { content: "\f24f" } .bi-chat-left-quote:before { content: "\f250" } .bi-chat-left-text-fill:before { content: "\f251" } .bi-chat-left-text:before { content: "\f252" } .bi-chat-left:before { content: "\f253" } .bi-chat-quote-fill:before { content: "\f254" } .bi-chat-quote:before { content: "\f255" } .bi-chat-right-dots-fill:before { content: "\f256" } .bi-chat-right-dots:before { content: "\f257" } .bi-chat-right-fill:before { content: "\f258" } .bi-chat-right-quote-fill:before { content: "\f259" } .bi-chat-right-quote:before { content: "\f25a" } .bi-chat-right-text-fill:before { content: "\f25b" } .bi-chat-right-text:before { content: "\f25c" } .bi-chat-right:before { content: "\f25d" } .bi-chat-square-dots-fill:before { content: "\f25e" } .bi-chat-square-dots:before { content: "\f25f" } .bi-chat-square-fill:before { content: "\f260" } .bi-chat-square-quote-fill:before { content: "\f261" } .bi-chat-square-quote:before { content: "\f262" } .bi-chat-square-text-fill:before { content: "\f263" } .bi-chat-square-text:before { content: "\f264" } .bi-chat-square:before { content: "\f265" } .bi-chat-text-fill:before { content: "\f266" } .bi-chat-text:before { content: "\f267" } .bi-chat:before { content: "\f268" } .bi-check-all:before { content: "\f269" } .bi-check-circle-fill:before { content: "\f26a" } .bi-check-circle:before { content: "\f26b" } .bi-check-square-fill:before { content: "\f26c" } .bi-check-square:before { content: "\f26d" } .bi-check:before { content: "\f26e" } .bi-check2-all:before { content: "\f26f" } .bi-check2-circle:before { content: "\f270" } .bi-check2-square:before { content: "\f271" } .bi-check2:before { content: "\f272" } .bi-chevron-bar-contract:before { content: "\f273" } .bi-chevron-bar-down:before { content: "\f274" } .bi-chevron-bar-expand:before { content: "\f275" } .bi-chevron-bar-left:before { content: "\f276" } .bi-chevron-bar-right:before { content: "\f277" } .bi-chevron-bar-up:before { content: "\f278" } .bi-chevron-compact-down:before { content: "\f279" } .bi-chevron-compact-left:before { content: "\f27a" } .bi-chevron-compact-right:before { content: "\f27b" } .bi-chevron-compact-up:before { content: "\f27c" } .bi-chevron-contract:before { content: "\f27d" } .bi-chevron-double-down:before { content: "\f27e" } .bi-chevron-double-left:before { content: "\f27f" } .bi-chevron-double-right:before { content: "\f280" } .bi-chevron-double-up:before { content: "\f281" } .bi-chevron-down:before { content: "\f282" } .bi-chevron-expand:before { content: "\f283" } .bi-chevron-left:before { content: "\f284" } .bi-chevron-right:before { content: "\f285" } .bi-chevron-up:before { content: "\f286" } .bi-circle-fill:before { content: "\f287" } .bi-circle-half:before { content: "\f288" } .bi-circle-square:before { content: "\f289" } .bi-circle:before { content: "\f28a" } .bi-clipboard-check:before { content: "\f28b" } .bi-clipboard-data:before { content: "\f28c" } .bi-clipboard-minus:before { content: "\f28d" } .bi-clipboard-plus:before { content: "\f28e" } .bi-clipboard-x:before { content: "\f28f" } .bi-clipboard:before { content: "\f290" } .bi-clock-fill:before { content: "\f291" } .bi-clock-history:before { content: "\f292" } .bi-clock:before { content: "\f293" } .bi-cloud-arrow-down-fill:before { content: "\f294" } .bi-cloud-arrow-down:before { content: "\f295" } .bi-cloud-arrow-up-fill:before { content: "\f296" } .bi-cloud-arrow-up:before { content: "\f297" } .bi-cloud-check-fill:before { content: "\f298" } .bi-cloud-check:before { content: "\f299" } .bi-cloud-download-fill:before { content: "\f29a" } .bi-cloud-download:before { content: "\f29b" } .bi-cloud-drizzle-fill:before { content: "\f29c" } .bi-cloud-drizzle:before { content: "\f29d" } .bi-cloud-fill:before { content: "\f29e" } .bi-cloud-fog-fill:before { content: "\f29f" } .bi-cloud-fog:before { content: "\f2a0" } .bi-cloud-fog2-fill:before { content: "\f2a1" } .bi-cloud-fog2:before { content: "\f2a2" } .bi-cloud-hail-fill:before { content: "\f2a3" } .bi-cloud-hail:before { content: "\f2a4" } .bi-cloud-haze-1:before { content: "\f2a5" } .bi-cloud-haze-fill:before { content: "\f2a6" } .bi-cloud-haze:before { content: "\f2a7" } .bi-cloud-haze2-fill:before { content: "\f2a8" } .bi-cloud-lightning-fill:before { content: "\f2a9" } .bi-cloud-lightning-rain-fill:before { content: "\f2aa" } .bi-cloud-lightning-rain:before { content: "\f2ab" } .bi-cloud-lightning:before { content: "\f2ac" } .bi-cloud-minus-fill:before { content: "\f2ad" } .bi-cloud-minus:before { content: "\f2ae" } .bi-cloud-moon-fill:before { content: "\f2af" } .bi-cloud-moon:before { content: "\f2b0" } .bi-cloud-plus-fill:before { content: "\f2b1" } .bi-cloud-plus:before { content: "\f2b2" } .bi-cloud-rain-fill:before { content: "\f2b3" } .bi-cloud-rain-heavy-fill:before { content: "\f2b4" } .bi-cloud-rain-heavy:before { content: "\f2b5" } .bi-cloud-rain:before { content: "\f2b6" } .bi-cloud-slash-fill:before { content: "\f2b7" } .bi-cloud-slash:before { content: "\f2b8" } .bi-cloud-sleet-fill:before { content: "\f2b9" } .bi-cloud-sleet:before { content: "\f2ba" } .bi-cloud-snow-fill:before { content: "\f2bb" } .bi-cloud-snow:before { content: "\f2bc" } .bi-cloud-sun-fill:before { content: "\f2bd" } .bi-cloud-sun:before { content: "\f2be" } .bi-cloud-upload-fill:before { content: "\f2bf" } .bi-cloud-upload:before { content: "\f2c0" } .bi-cloud:before { content: "\f2c1" } .bi-clouds-fill:before { content: "\f2c2" } .bi-clouds:before { content: "\f2c3" } .bi-cloudy-fill:before { content: "\f2c4" } .bi-cloudy:before { content: "\f2c5" } .bi-code-slash:before { content: "\f2c6" } .bi-code-square:before { content: "\f2c7" } .bi-code:before { content: "\f2c8" } .bi-collection-fill:before { content: "\f2c9" } .bi-collection-play-fill:before { content: "\f2ca" } .bi-collection-play:before { content: "\f2cb" } .bi-collection:before { content: "\f2cc" } .bi-columns-gap:before { content: "\f2cd" } .bi-columns:before { content: "\f2ce" } .bi-command:before { content: "\f2cf" } .bi-compass-fill:before { content: "\f2d0" } .bi-compass:before { content: "\f2d1" } .bi-cone-striped:before { content: "\f2d2" } .bi-cone:before { content: "\f2d3" } .bi-controller:before { content: "\f2d4" } .bi-cpu-fill:before { content: "\f2d5" } .bi-cpu:before { content: "\f2d6" } .bi-credit-card-2-back-fill:before { content: "\f2d7" } .bi-credit-card-2-back:before { content: "\f2d8" } .bi-credit-card-2-front-fill:before { content: "\f2d9" } .bi-credit-card-2-front:before { content: "\f2da" } .bi-credit-card-fill:before { content: "\f2db" } .bi-credit-card:before { content: "\f2dc" } .bi-crop:before { content: "\f2dd" } .bi-cup-fill:before { content: "\f2de" } .bi-cup-straw:before { content: "\f2df" } .bi-cup:before { content: "\f2e0" } .bi-cursor-fill:before { content: "\f2e1" } .bi-cursor-text:before { content: "\f2e2" } .bi-cursor:before { content: "\f2e3" } .bi-dash-circle-dotted:before { content: "\f2e4" } .bi-dash-circle-fill:before { content: "\f2e5" } .bi-dash-circle:before { content: "\f2e6" } .bi-dash-square-dotted:before { content: "\f2e7" } .bi-dash-square-fill:before { content: "\f2e8" } .bi-dash-square:before { content: "\f2e9" } .bi-dash:before { content: "\f2ea" } .bi-diagram-2-fill:before { content: "\f2eb" } .bi-diagram-2:before { content: "\f2ec" } .bi-diagram-3-fill:before { content: "\f2ed" } .bi-diagram-3:before { content: "\f2ee" } .bi-diamond-fill:before { content: "\f2ef" } .bi-diamond-half:before { content: "\f2f0" } .bi-diamond:before { content: "\f2f1" } .bi-dice-1-fill:before { content: "\f2f2" } .bi-dice-1:before { content: "\f2f3" } .bi-dice-2-fill:before { content: "\f2f4" } .bi-dice-2:before { content: "\f2f5" } .bi-dice-3-fill:before { content: "\f2f6" } .bi-dice-3:before { content: "\f2f7" } .bi-dice-4-fill:before { content: "\f2f8" } .bi-dice-4:before { content: "\f2f9" } .bi-dice-5-fill:before { content: "\f2fa" } .bi-dice-5:before { content: "\f2fb" } .bi-dice-6-fill:before { content: "\f2fc" } .bi-dice-6:before { content: "\f2fd" } .bi-disc-fill:before { content: "\f2fe" } .bi-disc:before { content: "\f2ff" } .bi-discord:before { content: "\f300" } .bi-display-fill:before { content: "\f301" } .bi-display:before { content: "\f302" } .bi-distribute-horizontal:before { content: "\f303" } .bi-distribute-vertical:before { content: "\f304" } .bi-door-closed-fill:before { content: "\f305" } .bi-door-closed:before { content: "\f306" } .bi-door-open-fill:before { content: "\f307" } .bi-door-open:before { content: "\f308" } .bi-dot:before { content: "\f309" } .bi-download:before { content: "\f30a" } .bi-droplet-fill:before { content: "\f30b" } .bi-droplet-half:before { content: "\f30c" } .bi-droplet:before { content: "\f30d" } .bi-earbuds:before { content: "\f30e" } .bi-easel-fill:before { content: "\f30f" } .bi-easel:before { content: "\f310" } .bi-egg-fill:before { content: "\f311" } .bi-egg-fried:before { content: "\f312" } .bi-egg:before { content: "\f313" } .bi-eject-fill:before { content: "\f314" } .bi-eject:before { content: "\f315" } .bi-emoji-angry-fill:before { content: "\f316" } .bi-emoji-angry:before { content: "\f317" } .bi-emoji-dizzy-fill:before { content: "\f318" } .bi-emoji-dizzy:before { content: "\f319" } .bi-emoji-expressionless-fill:before { content: "\f31a" } .bi-emoji-expressionless:before { content: "\f31b" } .bi-emoji-frown-fill:before { content: "\f31c" } .bi-emoji-frown:before { content: "\f31d" } .bi-emoji-heart-eyes-fill:before { content: "\f31e" } .bi-emoji-heart-eyes:before { content: "\f31f" } .bi-emoji-laughing-fill:before { content: "\f320" } .bi-emoji-laughing:before { content: "\f321" } .bi-emoji-neutral-fill:before { content: "\f322" } .bi-emoji-neutral:before { content: "\f323" } .bi-emoji-smile-fill:before { content: "\f324" } .bi-emoji-smile-upside-down-fill:before { content: "\f325" } .bi-emoji-smile-upside-down:before { content: "\f326" } .bi-emoji-smile:before { content: "\f327" } .bi-emoji-sunglasses-fill:before { content: "\f328" } .bi-emoji-sunglasses:before { content: "\f329" } .bi-emoji-wink-fill:before { content: "\f32a" } .bi-emoji-wink:before { content: "\f32b" } .bi-envelope-fill:before { content: "\f32c" } .bi-envelope-open-fill:before { content: "\f32d" } .bi-envelope-open:before { content: "\f32e" } .bi-envelope:before { content: "\f32f" } .bi-eraser-fill:before { content: "\f330" } .bi-eraser:before { content: "\f331" } .bi-exclamation-circle-fill:before { content: "\f332" } .bi-exclamation-circle:before { content: "\f333" } .bi-exclamation-diamond-fill:before { content: "\f334" } .bi-exclamation-diamond:before { content: "\f335" } .bi-exclamation-octagon-fill:before { content: "\f336" } .bi-exclamation-octagon:before { content: "\f337" } .bi-exclamation-square-fill:before { content: "\f338" } .bi-exclamation-square:before { content: "\f339" } .bi-exclamation-triangle-fill:before { content: "\f33a" } .bi-exclamation-triangle:before { content: "\f33b" } .bi-exclamation:before { content: "\f33c" } .bi-exclude:before { content: "\f33d" } .bi-eye-fill:before { content: "\f33e" } .bi-eye-slash-fill:before { content: "\f33f" } .bi-eye-slash:before { content: "\f340" } .bi-eye:before { content: "\f341" } .bi-eyedropper:before { content: "\f342" } .bi-eyeglasses:before { content: "\f343" } .bi-facebook:before { content: "\f344" } .bi-file-arrow-down-fill:before { content: "\f345" } .bi-file-arrow-down:before { content: "\f346" } .bi-file-arrow-up-fill:before { content: "\f347" } .bi-file-arrow-up:before { content: "\f348" } .bi-file-bar-graph-fill:before { content: "\f349" } .bi-file-bar-graph:before { content: "\f34a" } .bi-file-binary-fill:before { content: "\f34b" } .bi-file-binary:before { content: "\f34c" } .bi-file-break-fill:before { content: "\f34d" } .bi-file-break:before { content: "\f34e" } .bi-file-check-fill:before { content: "\f34f" } .bi-file-check:before { content: "\f350" } .bi-file-code-fill:before { content: "\f351" } .bi-file-code:before { content: "\f352" } .bi-file-diff-fill:before { content: "\f353" } .bi-file-diff:before { content: "\f354" } .bi-file-earmark-arrow-down-fill:before { content: "\f355" } .bi-file-earmark-arrow-down:before { content: "\f356" } .bi-file-earmark-arrow-up-fill:before { content: "\f357" } .bi-file-earmark-arrow-up:before { content: "\f358" } .bi-file-earmark-bar-graph-fill:before { content: "\f359" } .bi-file-earmark-bar-graph:before { content: "\f35a" } .bi-file-earmark-binary-fill:before { content: "\f35b" } .bi-file-earmark-binary:before { content: "\f35c" } .bi-file-earmark-break-fill:before { content: "\f35d" } .bi-file-earmark-break:before { content: "\f35e" } .bi-file-earmark-check-fill:before { content: "\f35f" } .bi-file-earmark-check:before { content: "\f360" } .bi-file-earmark-code-fill:before { content: "\f361" } .bi-file-earmark-code:before { content: "\f362" } .bi-file-earmark-diff-fill:before { content: "\f363" } .bi-file-earmark-diff:before { content: "\f364" } .bi-file-earmark-easel-fill:before { content: "\f365" } .bi-file-earmark-easel:before { content: "\f366" } .bi-file-earmark-excel-fill:before { content: "\f367" } .bi-file-earmark-excel:before { content: "\f368" } .bi-file-earmark-fill:before { content: "\f369" } .bi-file-earmark-font-fill:before { content: "\f36a" } .bi-file-earmark-font:before { content: "\f36b" } .bi-file-earmark-image-fill:before { content: "\f36c" } .bi-file-earmark-image:before { content: "\f36d" } .bi-file-earmark-lock-fill:before { content: "\f36e" } .bi-file-earmark-lock:before { content: "\f36f" } .bi-file-earmark-lock2-fill:before { content: "\f370" } .bi-file-earmark-lock2:before { content: "\f371" } .bi-file-earmark-medical-fill:before { content: "\f372" } .bi-file-earmark-medical:before { content: "\f373" } .bi-file-earmark-minus-fill:before { content: "\f374" } .bi-file-earmark-minus:before { content: "\f375" } .bi-file-earmark-music-fill:before { content: "\f376" } .bi-file-earmark-music:before { content: "\f377" } .bi-file-earmark-person-fill:before { content: "\f378" } .bi-file-earmark-person:before { content: "\f379" } .bi-file-earmark-play-fill:before { content: "\f37a" } .bi-file-earmark-play:before { content: "\f37b" } .bi-file-earmark-plus-fill:before { content: "\f37c" } .bi-file-earmark-plus:before { content: "\f37d" } .bi-file-earmark-post-fill:before { content: "\f37e" } .bi-file-earmark-post:before { content: "\f37f" } .bi-file-earmark-ppt-fill:before { content: "\f380" } .bi-file-earmark-ppt:before { content: "\f381" } .bi-file-earmark-richtext-fill:before { content: "\f382" } .bi-file-earmark-richtext:before { content: "\f383" } .bi-file-earmark-ruled-fill:before { content: "\f384" } .bi-file-earmark-ruled:before { content: "\f385" } .bi-file-earmark-slides-fill:before { content: "\f386" } .bi-file-earmark-slides:before { content: "\f387" } .bi-file-earmark-spreadsheet-fill:before { content: "\f388" } .bi-file-earmark-spreadsheet:before { content: "\f389" } .bi-file-earmark-text-fill:before { content: "\f38a" } .bi-file-earmark-text:before { content: "\f38b" } .bi-file-earmark-word-fill:before { content: "\f38c" } .bi-file-earmark-word:before { content: "\f38d" } .bi-file-earmark-x-fill:before { content: "\f38e" } .bi-file-earmark-x:before { content: "\f38f" } .bi-file-earmark-zip-fill:before { content: "\f390" } .bi-file-earmark-zip:before { content: "\f391" } .bi-file-earmark:before { content: "\f392" } .bi-file-easel-fill:before { content: "\f393" } .bi-file-easel:before { content: "\f394" } .bi-file-excel-fill:before { content: "\f395" } .bi-file-excel:before { content: "\f396" } .bi-file-fill:before { content: "\f397" } .bi-file-font-fill:before { content: "\f398" } .bi-file-font:before { content: "\f399" } .bi-file-image-fill:before { content: "\f39a" } .bi-file-image:before { content: "\f39b" } .bi-file-lock-fill:before { content: "\f39c" } .bi-file-lock:before { content: "\f39d" } .bi-file-lock2-fill:before { content: "\f39e" } .bi-file-lock2:before { content: "\f39f" } .bi-file-medical-fill:before { content: "\f3a0" } .bi-file-medical:before { content: "\f3a1" } .bi-file-minus-fill:before { content: "\f3a2" } .bi-file-minus:before { content: "\f3a3" } .bi-file-music-fill:before { content: "\f3a4" } .bi-file-music:before { content: "\f3a5" } .bi-file-person-fill:before { content: "\f3a6" } .bi-file-person:before { content: "\f3a7" } .bi-file-play-fill:before { content: "\f3a8" } .bi-file-play:before { content: "\f3a9" } .bi-file-plus-fill:before { content: "\f3aa" } .bi-file-plus:before { content: "\f3ab" } .bi-file-post-fill:before { content: "\f3ac" } .bi-file-post:before { content: "\f3ad" } .bi-file-ppt-fill:before { content: "\f3ae" } .bi-file-ppt:before { content: "\f3af" } .bi-file-richtext-fill:before { content: "\f3b0" } .bi-file-richtext:before { content: "\f3b1" } .bi-file-ruled-fill:before { content: "\f3b2" } .bi-file-ruled:before { content: "\f3b3" } .bi-file-slides-fill:before { content: "\f3b4" } .bi-file-slides:before { content: "\f3b5" } .bi-file-spreadsheet-fill:before { content: "\f3b6" } .bi-file-spreadsheet:before { content: "\f3b7" } .bi-file-text-fill:before { content: "\f3b8" } .bi-file-text:before { content: "\f3b9" } .bi-file-word-fill:before { content: "\f3ba" } .bi-file-word:before { content: "\f3bb" } .bi-file-x-fill:before { content: "\f3bc" } .bi-file-x:before { content: "\f3bd" } .bi-file-zip-fill:before { content: "\f3be" } .bi-file-zip:before { content: "\f3bf" } .bi-file:before { content: "\f3c0" } .bi-files-alt:before { content: "\f3c1" } .bi-files:before { content: "\f3c2" } .bi-film:before { content: "\f3c3" } .bi-filter-circle-fill:before { content: "\f3c4" } .bi-filter-circle:before { content: "\f3c5" } .bi-filter-left:before { content: "\f3c6" } .bi-filter-right:before { content: "\f3c7" } .bi-filter-square-fill:before { content: "\f3c8" } .bi-filter-square:before { content: "\f3c9" } .bi-filter:before { content: "\f3ca" } .bi-flag-fill:before { content: "\f3cb" } .bi-flag:before { content: "\f3cc" } .bi-flower1:before { content: "\f3cd" } .bi-flower2:before { content: "\f3ce" } .bi-flower3:before { content: "\f3cf" } .bi-folder-check:before { content: "\f3d0" } .bi-folder-fill:before { content: "\f3d1" } .bi-folder-minus:before { content: "\f3d2" } .bi-folder-plus:before { content: "\f3d3" } .bi-folder-symlink-fill:before { content: "\f3d4" } .bi-folder-symlink:before { content: "\f3d5" } .bi-folder-x:before { content: "\f3d6" } .bi-folder:before { content: "\f3d7" } .bi-folder2-open:before { content: "\f3d8" } .bi-folder2:before { content: "\f3d9" } .bi-fonts:before { content: "\f3da" } .bi-forward-fill:before { content: "\f3db" } .bi-forward:before { content: "\f3dc" } .bi-front:before { content: "\f3dd" } .bi-fullscreen-exit:before { content: "\f3de" } .bi-fullscreen:before { content: "\f3df" } .bi-funnel-fill:before { content: "\f3e0" } .bi-funnel:before { content: "\f3e1" } .bi-gear-fill:before { content: "\f3e2" } .bi-gear-wide-connected:before { content: "\f3e3" } .bi-gear-wide:before { content: "\f3e4" } .bi-gear:before { content: "\f3e5" } .bi-gem:before { content: "\f3e6" } .bi-geo-alt-fill:before { content: "\f3e7" } .bi-geo-alt:before { content: "\f3e8" } .bi-geo-fill:before { content: "\f3e9" } .bi-geo:before { content: "\f3ea" } .bi-gift-fill:before { content: "\f3eb" } .bi-gift:before { content: "\f3ec" } .bi-github:before { content: "\f3ed" } .bi-globe:before { content: "\f3ee" } .bi-globe2:before { content: "\f3ef" } .bi-google:before { content: "\f3f0" } .bi-graph-down:before { content: "\f3f1" } .bi-graph-up:before { content: "\f3f2" } .bi-grid-1x2-fill:before { content: "\f3f3" } .bi-grid-1x2:before { content: "\f3f4" } .bi-grid-3x2-gap-fill:before { content: "\f3f5" } .bi-grid-3x2-gap:before { content: "\f3f6" } .bi-grid-3x2:before { content: "\f3f7" } .bi-grid-3x3-gap-fill:before { content: "\f3f8" } .bi-grid-3x3-gap:before { content: "\f3f9" } .bi-grid-3x3:before { content: "\f3fa" } .bi-grid-fill:before { content: "\f3fb" } .bi-grid:before { content: "\f3fc" } .bi-grip-horizontal:before { content: "\f3fd" } .bi-grip-vertical:before { content: "\f3fe" } .bi-hammer:before { content: "\f3ff" } .bi-hand-index-fill:before { content: "\f400" } .bi-hand-index-thumb-fill:before { content: "\f401" } .bi-hand-index-thumb:before { content: "\f402" } .bi-hand-index:before { content: "\f403" } .bi-hand-thumbs-down-fill:before { content: "\f404" } .bi-hand-thumbs-down:before { content: "\f405" } .bi-hand-thumbs-up-fill:before { content: "\f406" } .bi-hand-thumbs-up:before { content: "\f407" } .bi-handbag-fill:before { content: "\f408" } .bi-handbag:before { content: "\f409" } .bi-hash:before { content: "\f40a" } .bi-hdd-fill:before { content: "\f40b" } .bi-hdd-network-fill:before { content: "\f40c" } .bi-hdd-network:before { content: "\f40d" } .bi-hdd-rack-fill:before { content: "\f40e" } .bi-hdd-rack:before { content: "\f40f" } .bi-hdd-stack-fill:before { content: "\f410" } .bi-hdd-stack:before { content: "\f411" } .bi-hdd:before { content: "\f412" } .bi-headphones:before { content: "\f413" } .bi-headset:before { content: "\f414" } .bi-heart-fill:before { content: "\f415" } .bi-heart-half:before { content: "\f416" } .bi-heart:before { content: "\f417" } .bi-heptagon-fill:before { content: "\f418" } .bi-heptagon-half:before { content: "\f419" } .bi-heptagon:before { content: "\f41a" } .bi-hexagon-fill:before { content: "\f41b" } .bi-hexagon-half:before { content: "\f41c" } .bi-hexagon:before { content: "\f41d" } .bi-hourglass-bottom:before { content: "\f41e" } .bi-hourglass-split:before { content: "\f41f" } .bi-hourglass-top:before { content: "\f420" } .bi-hourglass:before { content: "\f421" } .bi-house-door-fill:before { content: "\f422" } .bi-house-door:before { content: "\f423" } .bi-house-fill:before { content: "\f424" } .bi-house:before { content: "\f425" } .bi-hr:before { content: "\f426" } .bi-hurricane:before { content: "\f427" } .bi-image-alt:before { content: "\f428" } .bi-image-fill:before { content: "\f429" } .bi-image:before { content: "\f42a" } .bi-images:before { content: "\f42b" } .bi-inbox-fill:before { content: "\f42c" } .bi-inbox:before { content: "\f42d" } .bi-inboxes-fill:before { content: "\f42e" } .bi-inboxes:before { content: "\f42f" } .bi-info-circle-fill:before { content: "\f430" } .bi-info-circle:before { content: "\f431" } .bi-info-square-fill:before { content: "\f432" } .bi-info-square:before { content: "\f433" } .bi-info:before { content: "\f434" } .bi-input-cursor-text:before { content: "\f435" } .bi-input-cursor:before { content: "\f436" } .bi-instagram:before { content: "\f437" } .bi-intersect:before { content: "\f438" } .bi-journal-album:before { content: "\f439" } .bi-journal-arrow-down:before { content: "\f43a" } .bi-journal-arrow-up:before { content: "\f43b" } .bi-journal-bookmark-fill:before { content: "\f43c" } .bi-journal-bookmark:before { content: "\f43d" } .bi-journal-check:before { content: "\f43e" } .bi-journal-code:before { content: "\f43f" } .bi-journal-medical:before { content: "\f440" } .bi-journal-minus:before { content: "\f441" } .bi-journal-plus:before { content: "\f442" } .bi-journal-richtext:before { content: "\f443" } .bi-journal-text:before { content: "\f444" } .bi-journal-x:before { content: "\f445" } .bi-journal:before { content: "\f446" } .bi-journals:before { content: "\f447" } .bi-joystick:before { content: "\f448" } .bi-justify-left:before { content: "\f449" } .bi-justify-right:before { content: "\f44a" } .bi-justify:before { content: "\f44b" } .bi-kanban-fill:before { content: "\f44c" } .bi-kanban:before { content: "\f44d" } .bi-key-fill:before { content: "\f44e" } .bi-key:before { content: "\f44f" } .bi-keyboard-fill:before { content: "\f450" } .bi-keyboard:before { content: "\f451" } .bi-ladder:before { content: "\f452" } .bi-lamp-fill:before { content: "\f453" } .bi-lamp:before { content: "\f454" } .bi-laptop-fill:before { content: "\f455" } .bi-laptop:before { content: "\f456" } .bi-layer-backward:before { content: "\f457" } .bi-layer-forward:before { content: "\f458" } .bi-layers-fill:before { content: "\f459" } .bi-layers-half:before { content: "\f45a" } .bi-layers:before { content: "\f45b" } .bi-layout-sidebar-inset-reverse:before { content: "\f45c" } .bi-layout-sidebar-inset:before { content: "\f45d" } .bi-layout-sidebar-reverse:before { content: "\f45e" } .bi-layout-sidebar:before { content: "\f45f" } .bi-layout-split:before { content: "\f460" } .bi-layout-text-sidebar-reverse:before { content: "\f461" } .bi-layout-text-sidebar:before { content: "\f462" } .bi-layout-text-window-reverse:before { content: "\f463" } .bi-layout-text-window:before { content: "\f464" } .bi-layout-three-columns:before { content: "\f465" } .bi-layout-wtf:before { content: "\f466" } .bi-life-preserver:before { content: "\f467" } .bi-lightbulb-fill:before { content: "\f468" } .bi-lightbulb-off-fill:before { content: "\f469" } .bi-lightbulb-off:before { content: "\f46a" } .bi-lightbulb:before { content: "\f46b" } .bi-lightning-charge-fill:before { content: "\f46c" } .bi-lightning-charge:before { content: "\f46d" } .bi-lightning-fill:before { content: "\f46e" } .bi-lightning:before { content: "\f46f" } .bi-link-45deg:before { content: "\f470" } .bi-link:before { content: "\f471" } .bi-linkedin:before { content: "\f472" } .bi-list-check:before { content: "\f473" } .bi-list-nested:before { content: "\f474" } .bi-list-ol:before { content: "\f475" } .bi-list-stars:before { content: "\f476" } .bi-list-task:before { content: "\f477" } .bi-list-ul:before { content: "\f478" } .bi-list:before { content: "\f479" } .bi-lock-fill:before { content: "\f47a" } .bi-lock:before { content: "\f47b" } .bi-mailbox:before { content: "\f47c" } .bi-mailbox2:before { content: "\f47d" } .bi-map-fill:before { content: "\f47e" } .bi-map:before { content: "\f47f" } .bi-markdown-fill:before { content: "\f480" } .bi-markdown:before { content: "\f481" } .bi-mask:before { content: "\f482" } .bi-megaphone-fill:before { content: "\f483" } .bi-megaphone:before { content: "\f484" } .bi-menu-app-fill:before { content: "\f485" } .bi-menu-app:before { content: "\f486" } .bi-menu-button-fill:before { content: "\f487" } .bi-menu-button-wide-fill:before { content: "\f488" } .bi-menu-button-wide:before { content: "\f489" } .bi-menu-button:before { content: "\f48a" } .bi-menu-down:before { content: "\f48b" } .bi-menu-up:before { content: "\f48c" } .bi-mic-fill:before { content: "\f48d" } .bi-mic-mute-fill:before { content: "\f48e" } .bi-mic-mute:before { content: "\f48f" } .bi-mic:before { content: "\f490" } .bi-minecart-loaded:before { content: "\f491" } .bi-minecart:before { content: "\f492" } .bi-moisture:before { content: "\f493" } .bi-moon-fill:before { content: "\f494" } .bi-moon-stars-fill:before { content: "\f495" } .bi-moon-stars:before { content: "\f496" } .bi-moon:before { content: "\f497" } .bi-mouse-fill:before { content: "\f498" } .bi-mouse:before { content: "\f499" } .bi-mouse2-fill:before { content: "\f49a" } .bi-mouse2:before { content: "\f49b" } .bi-mouse3-fill:before { content: "\f49c" } .bi-mouse3:before { content: "\f49d" } .bi-music-note-beamed:before { content: "\f49e" } .bi-music-note-list:before { content: "\f49f" } .bi-music-note:before { content: "\f4a0" } .bi-music-player-fill:before { content: "\f4a1" } .bi-music-player:before { content: "\f4a2" } .bi-newspaper:before { content: "\f4a3" } .bi-node-minus-fill:before { content: "\f4a4" } .bi-node-minus:before { content: "\f4a5" } .bi-node-plus-fill:before { content: "\f4a6" } .bi-node-plus:before { content: "\f4a7" } .bi-nut-fill:before { content: "\f4a8" } .bi-nut:before { content: "\f4a9" } .bi-octagon-fill:before { content: "\f4aa" } .bi-octagon-half:before { content: "\f4ab" } .bi-octagon:before { content: "\f4ac" } .bi-option:before { content: "\f4ad" } .bi-outlet:before { content: "\f4ae" } .bi-paint-bucket:before { content: "\f4af" } .bi-palette-fill:before { content: "\f4b0" } .bi-palette:before { content: "\f4b1" } .bi-palette2:before { content: "\f4b2" } .bi-paperclip:before { content: "\f4b3" } .bi-paragraph:before { content: "\f4b4" } .bi-patch-check-fill:before { content: "\f4b5" } .bi-patch-check:before { content: "\f4b6" } .bi-patch-exclamation-fill:before { content: "\f4b7" } .bi-patch-exclamation:before { content: "\f4b8" } .bi-patch-minus-fill:before { content: "\f4b9" } .bi-patch-minus:before { content: "\f4ba" } .bi-patch-plus-fill:before { content: "\f4bb" } .bi-patch-plus:before { content: "\f4bc" } .bi-patch-question-fill:before { content: "\f4bd" } .bi-patch-question:before { content: "\f4be" } .bi-pause-btn-fill:before { content: "\f4bf" } .bi-pause-btn:before { content: "\f4c0" } .bi-pause-circle-fill:before { content: "\f4c1" } .bi-pause-circle:before { content: "\f4c2" } .bi-pause-fill:before { content: "\f4c3" } .bi-pause:before { content: "\f4c4" } .bi-peace-fill:before { content: "\f4c5" } .bi-peace:before { content: "\f4c6" } .bi-pen-fill:before { content: "\f4c7" } .bi-pen:before { content: "\f4c8" } .bi-pencil-fill:before { content: "\f4c9" } .bi-pencil-square:before { content: "\f4ca" } .bi-pencil:before { content: "\f4cb" } .bi-pentagon-fill:before { content: "\f4cc" } .bi-pentagon-half:before { content: "\f4cd" } .bi-pentagon:before { content: "\f4ce" } .bi-people-fill:before { content: "\f4cf" } .bi-people:before { content: "\f4d0" } .bi-percent:before { content: "\f4d1" } .bi-person-badge-fill:before { content: "\f4d2" } .bi-person-badge:before { content: "\f4d3" } .bi-person-bounding-box:before { content: "\f4d4" } .bi-person-check-fill:before { content: "\f4d5" } .bi-person-check:before { content: "\f4d6" } .bi-person-circle:before { content: "\f4d7" } .bi-person-dash-fill:before { content: "\f4d8" } .bi-person-dash:before { content: "\f4d9" } .bi-person-fill:before { content: "\f4da" } .bi-person-lines-fill:before { content: "\f4db" } .bi-person-plus-fill:before { content: "\f4dc" } .bi-person-plus:before { content: "\f4dd" } .bi-person-square:before { content: "\f4de" } .bi-person-x-fill:before { content: "\f4df" } .bi-person-x:before { content: "\f4e0" } .bi-person:before { content: "\f4e1" } .bi-phone-fill:before { content: "\f4e2" } .bi-phone-landscape-fill:before { content: "\f4e3" } .bi-phone-landscape:before { content: "\f4e4" } .bi-phone-vibrate-fill:before { content: "\f4e5" } .bi-phone-vibrate:before { content: "\f4e6" } .bi-phone:before { content: "\f4e7" } .bi-pie-chart-fill:before { content: "\f4e8" } .bi-pie-chart:before { content: "\f4e9" } .bi-pin-angle-fill:before { content: "\f4ea" } .bi-pin-angle:before { content: "\f4eb" } .bi-pin-fill:before { content: "\f4ec" } .bi-pin:before { content: "\f4ed" } .bi-pip-fill:before { content: "\f4ee" } .bi-pip:before { content: "\f4ef" } .bi-play-btn-fill:before { content: "\f4f0" } .bi-play-btn:before { content: "\f4f1" } .bi-play-circle-fill:before { content: "\f4f2" } .bi-play-circle:before { content: "\f4f3" } .bi-play-fill:before { content: "\f4f4" } .bi-play:before { content: "\f4f5" } .bi-plug-fill:before { content: "\f4f6" } .bi-plug:before { content: "\f4f7" } .bi-plus-circle-dotted:before { content: "\f4f8" } .bi-plus-circle-fill:before { content: "\f4f9" } .bi-plus-circle:before { content: "\f4fa" } .bi-plus-square-dotted:before { content: "\f4fb" } .bi-plus-square-fill:before { content: "\f4fc" } .bi-plus-square:before { content: "\f4fd" } .bi-plus:before { content: "\f4fe" } .bi-power:before { content: "\f4ff" } .bi-printer-fill:before { content: "\f500" } .bi-printer:before { content: "\f501" } .bi-puzzle-fill:before { content: "\f502" } .bi-puzzle:before { content: "\f503" } .bi-question-circle-fill:before { content: "\f504" } .bi-question-circle:before { content: "\f505" } .bi-question-diamond-fill:before { content: "\f506" } .bi-question-diamond:before { content: "\f507" } .bi-question-octagon-fill:before { content: "\f508" } .bi-question-octagon:before { content: "\f509" } .bi-question-square-fill:before { content: "\f50a" } .bi-question-square:before { content: "\f50b" } .bi-question:before { content: "\f50c" } .bi-rainbow:before { content: "\f50d" } .bi-receipt-cutoff:before { content: "\f50e" } .bi-receipt:before { content: "\f50f" } .bi-reception-0:before { content: "\f510" } .bi-reception-1:before { content: "\f511" } .bi-reception-2:before { content: "\f512" } .bi-reception-3:before { content: "\f513" } .bi-reception-4:before { content: "\f514" } .bi-record-btn-fill:before { content: "\f515" } .bi-record-btn:before { content: "\f516" } .bi-record-circle-fill:before { content: "\f517" } .bi-record-circle:before { content: "\f518" } .bi-record-fill:before { content: "\f519" } .bi-record:before { content: "\f51a" } .bi-record2-fill:before { content: "\f51b" } .bi-record2:before { content: "\f51c" } .bi-reply-all-fill:before { content: "\f51d" } .bi-reply-all:before { content: "\f51e" } .bi-reply-fill:before { content: "\f51f" } .bi-reply:before { content: "\f520" } .bi-rss-fill:before { content: "\f521" } .bi-rss:before { content: "\f522" } .bi-rulers:before { content: "\f523" } .bi-save-fill:before { content: "\f524" } .bi-save:before { content: "\f525" } .bi-save2-fill:before { content: "\f526" } .bi-save2:before { content: "\f527" } .bi-scissors:before { content: "\f528" } .bi-screwdriver:before { content: "\f529" } .bi-search:before { content: "\f52a" } .bi-segmented-nav:before { content: "\f52b" } .bi-server:before { content: "\f52c" } .bi-share-fill:before { content: "\f52d" } .bi-share:before { content: "\f52e" } .bi-shield-check:before { content: "\f52f" } .bi-shield-exclamation:before { content: "\f530" } .bi-shield-fill-check:before { content: "\f531" } .bi-shield-fill-exclamation:before { content: "\f532" } .bi-shield-fill-minus:before { content: "\f533" } .bi-shield-fill-plus:before { content: "\f534" } .bi-shield-fill-x:before { content: "\f535" } .bi-shield-fill:before { content: "\f536" } .bi-shield-lock-fill:before { content: "\f537" } .bi-shield-lock:before { content: "\f538" } .bi-shield-minus:before { content: "\f539" } .bi-shield-plus:before { content: "\f53a" } .bi-shield-shaded:before { content: "\f53b" } .bi-shield-slash-fill:before { content: "\f53c" } .bi-shield-slash:before { content: "\f53d" } .bi-shield-x:before { content: "\f53e" } .bi-shield:before { content: "\f53f" } .bi-shift-fill:before { content: "\f540" } .bi-shift:before { content: "\f541" } .bi-shop-window:before { content: "\f542" } .bi-shop:before { content: "\f543" } .bi-shuffle:before { content: "\f544" } .bi-signpost-2-fill:before { content: "\f545" } .bi-signpost-2:before { content: "\f546" } .bi-signpost-fill:before { content: "\f547" } .bi-signpost-split-fill:before { content: "\f548" } .bi-signpost-split:before { content: "\f549" } .bi-signpost:before { content: "\f54a" } .bi-sim-fill:before { content: "\f54b" } .bi-sim:before { content: "\f54c" } .bi-skip-backward-btn-fill:before { content: "\f54d" } .bi-skip-backward-btn:before { content: "\f54e" } .bi-skip-backward-circle-fill:before { content: "\f54f" } .bi-skip-backward-circle:before { content: "\f550" } .bi-skip-backward-fill:before { content: "\f551" } .bi-skip-backward:before { content: "\f552" } .bi-skip-end-btn-fill:before { content: "\f553" } .bi-skip-end-btn:before { content: "\f554" } .bi-skip-end-circle-fill:before { content: "\f555" } .bi-skip-end-circle:before { content: "\f556" } .bi-skip-end-fill:before { content: "\f557" } .bi-skip-end:before { content: "\f558" } .bi-skip-forward-btn-fill:before { content: "\f559" } .bi-skip-forward-btn:before { content: "\f55a" } .bi-skip-forward-circle-fill:before { content: "\f55b" } .bi-skip-forward-circle:before { content: "\f55c" } .bi-skip-forward-fill:before { content: "\f55d" } .bi-skip-forward:before { content: "\f55e" } .bi-skip-start-btn-fill:before { content: "\f55f" } .bi-skip-start-btn:before { content: "\f560" } .bi-skip-start-circle-fill:before { content: "\f561" } .bi-skip-start-circle:before { content: "\f562" } .bi-skip-start-fill:before { content: "\f563" } .bi-skip-start:before { content: "\f564" } .bi-slack:before { content: "\f565" } .bi-slash-circle-fill:before { content: "\f566" } .bi-slash-circle:before { content: "\f567" } .bi-slash-square-fill:before { content: "\f568" } .bi-slash-square:before { content: "\f569" } .bi-slash:before { content: "\f56a" } .bi-sliders:before { content: "\f56b" } .bi-smartwatch:before { content: "\f56c" } .bi-snow:before { content: "\f56d" } .bi-snow2:before { content: "\f56e" } .bi-snow3:before { content: "\f56f" } .bi-sort-alpha-down-alt:before { content: "\f570" } .bi-sort-alpha-down:before { content: "\f571" } .bi-sort-alpha-up-alt:before { content: "\f572" } .bi-sort-alpha-up:before { content: "\f573" } .bi-sort-down-alt:before { content: "\f574" } .bi-sort-down:before { content: "\f575" } .bi-sort-numeric-down-alt:before { content: "\f576" } .bi-sort-numeric-down:before { content: "\f577" } .bi-sort-numeric-up-alt:before { content: "\f578" } .bi-sort-numeric-up:before { content: "\f579" } .bi-sort-up-alt:before { content: "\f57a" } .bi-sort-up:before { content: "\f57b" } .bi-soundwave:before { content: "\f57c" } .bi-speaker-fill:before { content: "\f57d" } .bi-speaker:before { content: "\f57e" } .bi-speedometer:before { content: "\f57f" } .bi-speedometer2:before { content: "\f580" } .bi-spellcheck:before { content: "\f581" } .bi-square-fill:before { content: "\f582" } .bi-square-half:before { content: "\f583" } .bi-square:before { content: "\f584" } .bi-stack:before { content: "\f585" } .bi-star-fill:before { content: "\f586" } .bi-star-half:before { content: "\f587" } .bi-star:before { content: "\f588" } .bi-stars:before { content: "\f589" } .bi-stickies-fill:before { content: "\f58a" } .bi-stickies:before { content: "\f58b" } .bi-sticky-fill:before { content: "\f58c" } .bi-sticky:before { content: "\f58d" } .bi-stop-btn-fill:before { content: "\f58e" } .bi-stop-btn:before { content: "\f58f" } .bi-stop-circle-fill:before { content: "\f590" } .bi-stop-circle:before { content: "\f591" } .bi-stop-fill:before { content: "\f592" } .bi-stop:before { content: "\f593" } .bi-stoplights-fill:before { content: "\f594" } .bi-stoplights:before { content: "\f595" } .bi-stopwatch-fill:before { content: "\f596" } .bi-stopwatch:before { content: "\f597" } .bi-subtract:before { content: "\f598" } .bi-suit-club-fill:before { content: "\f599" } .bi-suit-club:before { content: "\f59a" } .bi-suit-diamond-fill:before { content: "\f59b" } .bi-suit-diamond:before { content: "\f59c" } .bi-suit-heart-fill:before { content: "\f59d" } .bi-suit-heart:before { content: "\f59e" } .bi-suit-spade-fill:before { content: "\f59f" } .bi-suit-spade:before { content: "\f5a0" } .bi-sun-fill:before { content: "\f5a1" } .bi-sun:before { content: "\f5a2" } .bi-sunglasses:before { content: "\f5a3" } .bi-sunrise-fill:before { content: "\f5a4" } .bi-sunrise:before { content: "\f5a5" } .bi-sunset-fill:before { content: "\f5a6" } .bi-sunset:before { content: "\f5a7" } .bi-symmetry-horizontal:before { content: "\f5a8" } .bi-symmetry-vertical:before { content: "\f5a9" } .bi-table:before { content: "\f5aa" } .bi-tablet-fill:before { content: "\f5ab" } .bi-tablet-landscape-fill:before { content: "\f5ac" } .bi-tablet-landscape:before { content: "\f5ad" } .bi-tablet:before { content: "\f5ae" } .bi-tag-fill:before { content: "\f5af" } .bi-tag:before { content: "\f5b0" } .bi-tags-fill:before { content: "\f5b1" } .bi-tags:before { content: "\f5b2" } .bi-telegram:before { content: "\f5b3" } .bi-telephone-fill:before { content: "\f5b4" } .bi-telephone-forward-fill:before { content: "\f5b5" } .bi-telephone-forward:before { content: "\f5b6" } .bi-telephone-inbound-fill:before { content: "\f5b7" } .bi-telephone-inbound:before { content: "\f5b8" } .bi-telephone-minus-fill:before { content: "\f5b9" } .bi-telephone-minus:before { content: "\f5ba" } .bi-telephone-outbound-fill:before { content: "\f5bb" } .bi-telephone-outbound:before { content: "\f5bc" } .bi-telephone-plus-fill:before { content: "\f5bd" } .bi-telephone-plus:before { content: "\f5be" } .bi-telephone-x-fill:before { content: "\f5bf" } .bi-telephone-x:before { content: "\f5c0" } .bi-telephone:before { content: "\f5c1" } .bi-terminal-fill:before { content: "\f5c2" } .bi-terminal:before { content: "\f5c3" } .bi-text-center:before { content: "\f5c4" } .bi-text-indent-left:before { content: "\f5c5" } .bi-text-indent-right:before { content: "\f5c6" } .bi-text-left:before { content: "\f5c7" } .bi-text-paragraph:before { content: "\f5c8" } .bi-text-right:before { content: "\f5c9" } .bi-textarea-resize:before { content: "\f5ca" } .bi-textarea-t:before { content: "\f5cb" } .bi-textarea:before { content: "\f5cc" } .bi-thermometer-half:before { content: "\f5cd" } .bi-thermometer-high:before { content: "\f5ce" } .bi-thermometer-low:before { content: "\f5cf" } .bi-thermometer-snow:before { content: "\f5d0" } .bi-thermometer-sun:before { content: "\f5d1" } .bi-thermometer:before { content: "\f5d2" } .bi-three-dots-vertical:before { content: "\f5d3" } .bi-three-dots:before { content: "\f5d4" } .bi-toggle-off:before { content: "\f5d5" } .bi-toggle-on:before { content: "\f5d6" } .bi-toggle2-off:before { content: "\f5d7" } .bi-toggle2-on:before { content: "\f5d8" } .bi-toggles:before { content: "\f5d9" } .bi-toggles2:before { content: "\f5da" } .bi-tools:before { content: "\f5db" } .bi-tornado:before { content: "\f5dc" } .bi-trash-fill:before { content: "\f5dd" } .bi-trash:before { content: "\f5de" } .bi-trash2-fill:before { content: "\f5df" } .bi-trash2:before { content: "\f5e0" } .bi-tree-fill:before { content: "\f5e1" } .bi-tree:before { content: "\f5e2" } .bi-triangle-fill:before { content: "\f5e3" } .bi-triangle-half:before { content: "\f5e4" } .bi-triangle:before { content: "\f5e5" } .bi-trophy-fill:before { content: "\f5e6" } .bi-trophy:before { content: "\f5e7" } .bi-tropical-storm:before { content: "\f5e8" } .bi-truck-flatbed:before { content: "\f5e9" } .bi-truck:before { content: "\f5ea" } .bi-tsunami:before { content: "\f5eb" } .bi-tv-fill:before { content: "\f5ec" } .bi-tv:before { content: "\f5ed" } .bi-twitch:before { content: "\f5ee" } .bi-twitter:before { content: "\f5ef" } .bi-type-bold:before { content: "\f5f0" } .bi-type-h1:before { content: "\f5f1" } .bi-type-h2:before { content: "\f5f2" } .bi-type-h3:before { content: "\f5f3" } .bi-type-italic:before { content: "\f5f4" } .bi-type-strikethrough:before { content: "\f5f5" } .bi-type-underline:before { content: "\f5f6" } .bi-type:before { content: "\f5f7" } .bi-ui-checks-grid:before { content: "\f5f8" } .bi-ui-checks:before { content: "\f5f9" } .bi-ui-radios-grid:before { content: "\f5fa" } .bi-ui-radios:before { content: "\f5fb" } .bi-umbrella-fill:before { content: "\f5fc" } .bi-umbrella:before { content: "\f5fd" } .bi-union:before { content: "\f5fe" } .bi-unlock-fill:before { content: "\f5ff" } .bi-unlock:before { content: "\f600" } .bi-upc-scan:before { content: "\f601" } .bi-upc:before { content: "\f602" } .bi-upload:before { content: "\f603" } .bi-vector-pen:before { content: "\f604" } .bi-view-list:before { content: "\f605" } .bi-view-stacked:before { content: "\f606" } .bi-vinyl-fill:before { content: "\f607" } .bi-vinyl:before { content: "\f608" } .bi-voicemail:before { content: "\f609" } .bi-volume-down-fill:before { content: "\f60a" } .bi-volume-down:before { content: "\f60b" } .bi-volume-mute-fill:before { content: "\f60c" } .bi-volume-mute:before { content: "\f60d" } .bi-volume-off-fill:before { content: "\f60e" } .bi-volume-off:before { content: "\f60f" } .bi-volume-up-fill:before { content: "\f610" } .bi-volume-up:before { content: "\f611" } .bi-vr:before { content: "\f612" } .bi-wallet-fill:before { content: "\f613" } .bi-wallet:before { content: "\f614" } .bi-wallet2:before { content: "\f615" } .bi-watch:before { content: "\f616" } .bi-water:before { content: "\f617" } .bi-whatsapp:before { content: "\f618" } .bi-wifi-1:before { content: "\f619" } .bi-wifi-2:before { content: "\f61a" } .bi-wifi-off:before { content: "\f61b" } .bi-wifi:before { content: "\f61c" } .bi-wind:before { content: "\f61d" } .bi-window-dock:before { content: "\f61e" } .bi-window-sidebar:before { content: "\f61f" } .bi-window:before { content: "\f620" } .bi-wrench:before { content: "\f621" } .bi-x-circle-fill:before { content: "\f622" } .bi-x-circle:before { content: "\f623" } .bi-x-diamond-fill:before { content: "\f624" } .bi-x-diamond:before { content: "\f625" } .bi-x-octagon-fill:before { content: "\f626" } .bi-x-octagon:before { content: "\f627" } .bi-x-square-fill:before { content: "\f628" } .bi-x-square:before { content: "\f629" } .bi-x:before { content: "\f62a" } .bi-youtube:before { content: "\f62b" } .bi-zoom-in:before { content: "\f62c" } .bi-zoom-out:before { content: "\f62d" } .bi-bank:before { content: "\f62e" } .bi-bank2:before { content: "\f62f" } .bi-bell-slash-fill:before { content: "\f630" } .bi-bell-slash:before { content: "\f631" } .bi-cash-coin:before { content: "\f632" } .bi-check-lg:before { content: "\f633" } .bi-coin:before { content: "\f634" } .bi-currency-bitcoin:before { content: "\f635" } .bi-currency-dollar:before { content: "\f636" } .bi-currency-euro:before { content: "\f637" } .bi-currency-exchange:before { content: "\f638" } .bi-currency-pound:before { content: "\f639" } .bi-currency-yen:before { content: "\f63a" } .bi-dash-lg:before { content: "\f63b" } .bi-exclamation-lg:before { content: "\f63c" } .bi-file-earmark-pdf-fill:before { content: "\f63d" } .bi-file-earmark-pdf:before { content: "\f63e" } .bi-file-pdf-fill:before { content: "\f63f" } .bi-file-pdf:before { content: "\f640" } .bi-gender-ambiguous:before { content: "\f641" } .bi-gender-female:before { content: "\f642" } .bi-gender-male:before { content: "\f643" } .bi-gender-trans:before { content: "\f644" } .bi-headset-vr:before { content: "\f645" } .bi-info-lg:before { content: "\f646" } .bi-mastodon:before { content: "\f647" } .bi-messenger:before { content: "\f648" } .bi-piggy-bank-fill:before { content: "\f649" } .bi-piggy-bank:before { content: "\f64a" } .bi-pin-map-fill:before { content: "\f64b" } .bi-pin-map:before { content: "\f64c" } .bi-plus-lg:before { content: "\f64d" } .bi-question-lg:before { content: "\f64e" } .bi-recycle:before { content: "\f64f" } .bi-reddit:before { content: "\f650" } .bi-safe-fill:before { content: "\f651" } .bi-safe2-fill:before { content: "\f652" } .bi-safe2:before { content: "\f653" } .bi-sd-card-fill:before { content: "\f654" } .bi-sd-card:before { content: "\f655" } .bi-skype:before { content: "\f656" } .bi-slash-lg:before { content: "\f657" } .bi-translate:before { content: "\f658" } .bi-x-lg:before { content: "\f659" } .bi-safe:before { content: "\f65a" } .bi-apple:before { content: "\f65b" } .bi-microsoft:before { content: "\f65d" } .bi-windows:before { content: "\f65e" } .bi-behance:before { content: "\f65c" } .bi-dribbble:before { content: "\f65f" } .bi-line:before { content: "\f660" } .bi-medium:before { content: "\f661" } .bi-paypal:before { content: "\f662" } .bi-pinterest:before { content: "\f663" } .bi-signal:before { content: "\f664" } .bi-snapchat:before { content: "\f665" } .bi-spotify:before { content: "\f666" } .bi-stack-overflow:before { content: "\f667" } .bi-strava:before { content: "\f668" } .bi-wordpress:before { content: "\f669" } .bi-vimeo:before { content: "\f66a" } .bi-activity:before { content: "\f66b" } .bi-easel2-fill:before { content: "\f66c" } .bi-easel2:before { content: "\f66d" } .bi-easel3-fill:before { content: "\f66e" } .bi-easel3:before { content: "\f66f" } .bi-fan:before { content: "\f670" } .bi-fingerprint:before { content: "\f671" } .bi-graph-down-arrow:before { content: "\f672" } .bi-graph-up-arrow:before { content: "\f673" } .bi-hypnotize:before { content: "\f674" } .bi-magic:before { content: "\f675" } .bi-person-rolodex:before { content: "\f676" } .bi-person-video:before { content: "\f677" } .bi-person-video2:before { content: "\f678" } .bi-person-video3:before { content: "\f679" } .bi-person-workspace:before { content: "\f67a" } .bi-radioactive:before { content: "\f67b" } .bi-webcam-fill:before { content: "\f67c" } .bi-webcam:before { content: "\f67d" } .bi-yin-yang:before { content: "\f67e" } .bi-bandaid-fill:before { content: "\f680" } .bi-bandaid:before { content: "\f681" } .bi-bluetooth:before { content: "\f682" } .bi-body-text:before { content: "\f683" } .bi-boombox:before { content: "\f684" } .bi-boxes:before { content: "\f685" } .bi-dpad-fill:before { content: "\f686" } .bi-dpad:before { content: "\f687" } .bi-ear-fill:before { content: "\f688" } .bi-ear:before { content: "\f689" } .bi-envelope-check-1:before { content: "\f68a" } .bi-envelope-check-fill:before { content: "\f68b" } .bi-envelope-check:before { content: "\f68c" } .bi-envelope-dash-1:before { content: "\f68d" } .bi-envelope-dash-fill:before { content: "\f68e" } .bi-envelope-dash:before { content: "\f68f" } .bi-envelope-exclamation-1:before { content: "\f690" } .bi-envelope-exclamation-fill:before { content: "\f691" } .bi-envelope-exclamation:before { content: "\f692" } .bi-envelope-plus-fill:before { content: "\f693" } .bi-envelope-plus:before { content: "\f694" } .bi-envelope-slash-1:before { content: "\f695" } .bi-envelope-slash-fill:before { content: "\f696" } .bi-envelope-slash:before { content: "\f697" } .bi-envelope-x-1:before { content: "\f698" } .bi-envelope-x-fill:before { content: "\f699" } .bi-envelope-x:before { content: "\f69a" } .bi-explicit-fill:before { content: "\f69b" } .bi-explicit:before { content: "\f69c" } .bi-git:before { content: "\f69d" } .bi-infinity:before { content: "\f69e" } .bi-list-columns-reverse:before { content: "\f69f" } .bi-list-columns:before { content: "\f6a0" } .bi-meta:before { content: "\f6a1" } .bi-mortorboard-fill:before { content: "\f6a2" } .bi-mortorboard:before { content: "\f6a3" } .bi-nintendo-switch:before { content: "\f6a4" } .bi-pc-display-horizontal:before { content: "\f6a5" } .bi-pc-display:before { content: "\f6a6" } .bi-pc-horizontal:before { content: "\f6a7" } .bi-pc:before { content: "\f6a8" } .bi-playstation:before { content: "\f6a9" } .bi-plus-slash-minus:before { content: "\f6aa" } .bi-projector-fill:before { content: "\f6ab" } .bi-projector:before { content: "\f6ac" } .bi-qr-code-scan:before { content: "\f6ad" } .bi-qr-code:before { content: "\f6ae" } .bi-quora:before { content: "\f6af" } .bi-quote:before { content: "\f6b0" } .bi-robot:before { content: "\f6b1" } .bi-send-check-fill:before { content: "\f6b2" } .bi-send-check:before { content: "\f6b3" } .bi-send-dash-fill:before { content: "\f6b4" } .bi-send-dash:before { content: "\f6b5" } .bi-send-exclamation-1:before { content: "\f6b6" } .bi-send-exclamation-fill:before { content: "\f6b7" } .bi-send-exclamation:before { content: "\f6b8" } .bi-send-fill:before { content: "\f6b9" } .bi-send-plus-fill:before { content: "\f6ba" } .bi-send-plus:before { content: "\f6bb" } .bi-send-slash-fill:before { content: "\f6bc" } .bi-send-slash:before { content: "\f6bd" } .bi-send-x-fill:before { content: "\f6be" } .bi-send-x:before { content: "\f6bf" } .bi-send:before { content: "\f6c0" } .bi-steam:before { content: "\f6c1" } .bi-terminal-dash-1:before { content: "\f6c2" } .bi-terminal-dash:before { content: "\f6c3" } .bi-terminal-plus:before { content: "\f6c4" } .bi-terminal-split:before { content: "\f6c5" } .bi-ticket-detailed-fill:before { content: "\f6c6" } .bi-ticket-detailed:before { content: "\f6c7" } .bi-ticket-fill:before { content: "\f6c8" } .bi-ticket-perforated-fill:before { content: "\f6c9" } .bi-ticket-perforated:before { content: "\f6ca" } .bi-ticket:before { content: "\f6cb" } .bi-tiktok:before { content: "\f6cc" } .bi-window-dash:before { content: "\f6cd" } .bi-window-desktop:before { content: "\f6ce" } .bi-window-fullscreen:before { content: "\f6cf" } .bi-window-plus:before { content: "\f6d0" } .bi-window-split:before { content: "\f6d1" } .bi-window-stack:before { content: "\f6d2" } .bi-window-x:before { content: "\f6d3" } .bi-xbox:before { content: "\f6d4" } .bi-ethernet:before { content: "\f6d5" } .bi-hdmi-fill:before { content: "\f6d6" } .bi-hdmi:before { content: "\f6d7" } .bi-usb-c-fill:before { content: "\f6d8" } .bi-usb-c:before { content: "\f6d9" } .bi-usb-fill:before { content: "\f6da" } .bi-usb-plug-fill:before { content: "\f6db" } .bi-usb-plug:before { content: "\f6dc" } .bi-usb-symbol:before { content: "\f6dd" } .bi-usb:before { content: "\f6de" } .bi-boombox-fill:before { content: "\f6df" } .bi-displayport-1:before { content: "\f6e0" } .bi-displayport:before { content: "\f6e1" } .bi-gpu-card:before { content: "\f6e2" } .bi-memory:before { content: "\f6e3" } .bi-modem-fill:before { content: "\f6e4" } .bi-modem:before { content: "\f6e5" } .bi-motherboard-fill:before { content: "\f6e6" } .bi-motherboard:before { content: "\f6e7" } .bi-optical-audio-fill:before { content: "\f6e8" } .bi-optical-audio:before { content: "\f6e9" } .bi-pci-card:before { content: "\f6ea" } .bi-router-fill:before { content: "\f6eb" } .bi-router:before { content: "\f6ec" } .bi-ssd-fill:before { content: "\f6ed" } .bi-ssd:before { content: "\f6ee" } .bi-thunderbolt-fill:before { content: "\f6ef" } .bi-thunderbolt:before { content: "\f6f0" } .bi-usb-drive-fill:before { content: "\f6f1" } .bi-usb-drive:before { content: "\f6f2" } .bi-usb-micro-fill:before { content: "\f6f3" } .bi-usb-micro:before { content: "\f6f4" } .bi-usb-mini-fill:before { content: "\f6f5" } .bi-usb-mini:before { content: "\f6f6" } .bi-cloud-haze2:before { content: "\f6f7" } .bi-device-hdd-fill:before { content: "\f6f8" } .bi-device-hdd:before { content: "\f6f9" } .bi-device-ssd-fill:before { content: "\f6fa" } .bi-device-ssd:before { content: "\f6fb" } .bi-displayport-fill:before { content: "\f6fc" } .bi-mortarboard-fill:before { content: "\f6fd" } .bi-mortarboard:before { content: "\f6fe" } .bi-terminal-x:before { content: "\f6ff" } .bi-arrow-through-heart-fill:before { content: "\f700" } .bi-arrow-through-heart:before { content: "\f701" } .bi-badge-sd-fill:before { content: "\f702" } .bi-badge-sd:before { content: "\f703" } .bi-bag-heart-fill:before { content: "\f704" } .bi-bag-heart:before { content: "\f705" } .bi-balloon-fill:before { content: "\f706" } .bi-balloon-heart-fill:before { content: "\f707" } .bi-balloon-heart:before { content: "\f708" } .bi-balloon:before { content: "\f709" } .bi-box2-fill:before { content: "\f70a" } .bi-box2-heart-fill:before { content: "\f70b" } .bi-box2-heart:before { content: "\f70c" } .bi-box2:before { content: "\f70d" } .bi-braces-asterisk:before { content: "\f70e" } .bi-calendar-heart-fill:before { content: "\f70f" } .bi-calendar-heart:before { content: "\f710" } .bi-calendar2-heart-fill:before { content: "\f711" } .bi-calendar2-heart:before { content: "\f712" } .bi-chat-heart-fill:before { content: "\f713" } .bi-chat-heart:before { content: "\f714" } .bi-chat-left-heart-fill:before { content: "\f715" } .bi-chat-left-heart:before { content: "\f716" } .bi-chat-right-heart-fill:before { content: "\f717" } .bi-chat-right-heart:before { content: "\f718" } .bi-chat-square-heart-fill:before { content: "\f719" } .bi-chat-square-heart:before { content: "\f71a" } .bi-clipboard-check-fill:before { content: "\f71b" } .bi-clipboard-data-fill:before { content: "\f71c" } .bi-clipboard-fill:before { content: "\f71d" } .bi-clipboard-heart-fill:before { content: "\f71e" } .bi-clipboard-heart:before { content: "\f71f" } .bi-clipboard-minus-fill:before { content: "\f720" } .bi-clipboard-plus-fill:before { content: "\f721" } .bi-clipboard-pulse:before { content: "\f722" } .bi-clipboard-x-fill:before { content: "\f723" } .bi-clipboard2-check-fill:before { content: "\f724" } .bi-clipboard2-check:before { content: "\f725" } .bi-clipboard2-data-fill:before { content: "\f726" } .bi-clipboard2-data:before { content: "\f727" } .bi-clipboard2-fill:before { content: "\f728" } .bi-clipboard2-heart-fill:before { content: "\f729" } .bi-clipboard2-heart:before { content: "\f72a" } .bi-clipboard2-minus-fill:before { content: "\f72b" } .bi-clipboard2-minus:before { content: "\f72c" } .bi-clipboard2-plus-fill:before { content: "\f72d" } .bi-clipboard2-plus:before { content: "\f72e" } .bi-clipboard2-pulse-fill:before { content: "\f72f" } .bi-clipboard2-pulse:before { content: "\f730" } .bi-clipboard2-x-fill:before { content: "\f731" } .bi-clipboard2-x:before { content: "\f732" } .bi-clipboard2:before { content: "\f733" } .bi-emoji-kiss-fill:before { content: "\f734" } .bi-emoji-kiss:before { content: "\f735" } .bi-envelope-heart-fill:before { content: "\f736" } .bi-envelope-heart:before { content: "\f737" } .bi-envelope-open-heart-fill:before { content: "\f738" } .bi-envelope-open-heart:before { content: "\f739" } .bi-envelope-paper-fill:before { content: "\f73a" } .bi-envelope-paper-heart-fill:before { content: "\f73b" } .bi-envelope-paper-heart:before { content: "\f73c" } .bi-envelope-paper:before { content: "\f73d" } .bi-filetype-aac:before { content: "\f73e" } .bi-filetype-ai:before { content: "\f73f" } .bi-filetype-bmp:before { content: "\f740" } .bi-filetype-cs:before { content: "\f741" } .bi-filetype-css:before { content: "\f742" } .bi-filetype-csv:before { content: "\f743" } .bi-filetype-doc:before { content: "\f744" } .bi-filetype-docx:before { content: "\f745" } .bi-filetype-exe:before { content: "\f746" } .bi-filetype-gif:before { content: "\f747" } .bi-filetype-heic:before { content: "\f748" } .bi-filetype-html:before { content: "\f749" } .bi-filetype-java:before { content: "\f74a" } .bi-filetype-jpg:before { content: "\f74b" } .bi-filetype-js:before { content: "\f74c" } .bi-filetype-jsx:before { content: "\f74d" } .bi-filetype-key:before { content: "\f74e" } .bi-filetype-m4p:before { content: "\f74f" } .bi-filetype-md:before { content: "\f750" } .bi-filetype-mdx:before { content: "\f751" } .bi-filetype-mov:before { content: "\f752" } .bi-filetype-mp3:before { content: "\f753" } .bi-filetype-mp4:before { content: "\f754" } .bi-filetype-otf:before { content: "\f755" } .bi-filetype-pdf:before { content: "\f756" } .bi-filetype-php:before { content: "\f757" } .bi-filetype-png:before { content: "\f758" } .bi-filetype-ppt-1:before { content: "\f759" } .bi-filetype-ppt:before { content: "\f75a" } .bi-filetype-psd:before { content: "\f75b" } .bi-filetype-py:before { content: "\f75c" } .bi-filetype-raw:before { content: "\f75d" } .bi-filetype-rb:before { content: "\f75e" } .bi-filetype-sass:before { content: "\f75f" } .bi-filetype-scss:before { content: "\f760" } .bi-filetype-sh:before { content: "\f761" } .bi-filetype-svg:before { content: "\f762" } .bi-filetype-tiff:before { content: "\f763" } .bi-filetype-tsx:before { content: "\f764" } .bi-filetype-ttf:before { content: "\f765" } .bi-filetype-txt:before { content: "\f766" } .bi-filetype-wav:before { content: "\f767" } .bi-filetype-woff:before { content: "\f768" } .bi-filetype-xls-1:before { content: "\f769" } .bi-filetype-xls:before { content: "\f76a" } .bi-filetype-xml:before { content: "\f76b" } .bi-filetype-yml:before { content: "\f76c" } .bi-heart-arrow:before { content: "\f76d" } .bi-heart-pulse-fill:before { content: "\f76e" } .bi-heart-pulse:before { content: "\f76f" } .bi-heartbreak-fill:before { content: "\f770" } .bi-heartbreak:before { content: "\f771" } .bi-hearts:before { content: "\f772" } .bi-hospital-fill:before { content: "\f773" } .bi-hospital:before { content: "\f774" } .bi-house-heart-fill:before { content: "\f775" } .bi-house-heart:before { content: "\f776" } .bi-incognito:before { content: "\f777" } .bi-magnet-fill:before { content: "\f778" } .bi-magnet:before { content: "\f779" } .bi-person-heart:before { content: "\f77a" } .bi-person-hearts:before { content: "\f77b" } .bi-phone-flip:before { content: "\f77c" } .bi-plugin:before { content: "\f77d" } .bi-postage-fill:before { content: "\f77e" } .bi-postage-heart-fill:before { content: "\f77f" } .bi-postage-heart:before { content: "\f780" } .bi-postage:before { content: "\f781" } .bi-postcard-fill:before { content: "\f782" } .bi-postcard-heart-fill:before { content: "\f783" } .bi-postcard-heart:before { content: "\f784" } .bi-postcard:before { content: "\f785" } .bi-search-heart-fill:before { content: "\f786" } .bi-search-heart:before { content: "\f787" } .bi-sliders2-vertical:before { content: "\f788" } .bi-sliders2:before { content: "\f789" } .bi-trash3-fill:before { content: "\f78a" } .bi-trash3:before { content: "\f78b" } .bi-valentine:before { content: "\f78c" } .bi-valentine2:before { content: "\f78d" } .bi-wrench-adjustable-circle-fill:before { content: "\f78e" } .bi-wrench-adjustable-circle:before { content: "\f78f" } .bi-wrench-adjustable:before { content: "\f790" } .bi-filetype-json:before { content: "\f791" } .bi-filetype-pptx:before { content: "\f792" } .bi-filetype-xlsx:before { content: "\f793" } .bi-1-circle-1:before { content: "\f794" } .bi-1-circle-fill-1:before { content: "\f795" } .bi-1-circle-fill:before { content: "\f796" } .bi-1-circle:before { content: "\f797" } .bi-1-square-fill:before { content: "\f798" } .bi-1-square:before { content: "\f799" } .bi-2-circle-1:before { content: "\f79a" } .bi-2-circle-fill-1:before { content: "\f79b" } .bi-2-circle-fill:before { content: "\f79c" } .bi-2-circle:before { content: "\f79d" } .bi-2-square-fill:before { content: "\f79e" } .bi-2-square:before { content: "\f79f" } .bi-3-circle-1:before { content: "\f7a0" } .bi-3-circle-fill-1:before { content: "\f7a1" } .bi-3-circle-fill:before { content: "\f7a2" } .bi-3-circle:before { content: "\f7a3" } .bi-3-square-fill:before { content: "\f7a4" } .bi-3-square:before { content: "\f7a5" } .bi-4-circle-1:before { content: "\f7a6" } .bi-4-circle-fill-1:before { content: "\f7a7" } .bi-4-circle-fill:before { content: "\f7a8" } .bi-4-circle:before { content: "\f7a9" } .bi-4-square-fill:before { content: "\f7aa" } .bi-4-square:before { content: "\f7ab" } .bi-5-circle-1:before { content: "\f7ac" } .bi-5-circle-fill-1:before { content: "\f7ad" } .bi-5-circle-fill:before { content: "\f7ae" } .bi-5-circle:before { content: "\f7af" } .bi-5-square-fill:before { content: "\f7b0" } .bi-5-square:before { content: "\f7b1" } .bi-6-circle-1:before { content: "\f7b2" } .bi-6-circle-fill-1:before { content: "\f7b3" } .bi-6-circle-fill:before { content: "\f7b4" } .bi-6-circle:before { content: "\f7b5" } .bi-6-square-fill:before { content: "\f7b6" } .bi-6-square:before { content: "\f7b7" } .bi-7-circle-1:before { content: "\f7b8" } .bi-7-circle-fill-1:before { content: "\f7b9" } .bi-7-circle-fill:before { content: "\f7ba" } .bi-7-circle:before { content: "\f7bb" } .bi-7-square-fill:before { content: "\f7bc" } .bi-7-square:before { content: "\f7bd" } .bi-8-circle-1:before { content: "\f7be" } .bi-8-circle-fill-1:before { content: "\f7bf" } .bi-8-circle-fill:before { content: "\f7c0" } .bi-8-circle:before { content: "\f7c1" } .bi-8-square-fill:before { content: "\f7c2" } .bi-8-square:before { content: "\f7c3" } .bi-9-circle-1:before { content: "\f7c4" } .bi-9-circle-fill-1:before { content: "\f7c5" } .bi-9-circle-fill:before { content: "\f7c6" } .bi-9-circle:before { content: "\f7c7" } .bi-9-square-fill:before { content: "\f7c8" } .bi-9-square:before { content: "\f7c9" } .bi-airplane-engines-fill:before { content: "\f7ca" } .bi-airplane-engines:before { content: "\f7cb" } .bi-airplane-fill:before { content: "\f7cc" } .bi-airplane:before { content: "\f7cd" } .bi-alexa:before { content: "\f7ce" } .bi-alipay:before { content: "\f7cf" } .bi-android:before { content: "\f7d0" } .bi-android2:before { content: "\f7d1" } .bi-box-fill:before { content: "\f7d2" } .bi-box-seam-fill:before { content: "\f7d3" } .bi-browser-chrome:before { content: "\f7d4" } .bi-browser-edge:before { content: "\f7d5" } .bi-browser-firefox:before { content: "\f7d6" } .bi-browser-safari:before { content: "\f7d7" } .bi-c-circle-1:before { content: "\f7d8" } .bi-c-circle-fill-1:before { content: "\f7d9" } .bi-c-circle-fill:before { content: "\f7da" } .bi-c-circle:before { content: "\f7db" } .bi-c-square-fill:before { content: "\f7dc" } .bi-c-square:before { content: "\f7dd" } .bi-capsule-pill:before { content: "\f7de" } .bi-capsule:before { content: "\f7df" } .bi-car-front-fill:before { content: "\f7e0" } .bi-car-front:before { content: "\f7e1" } .bi-cassette-fill:before { content: "\f7e2" } .bi-cassette:before { content: "\f7e3" } .bi-cc-circle-1:before { content: "\f7e4" } .bi-cc-circle-fill-1:before { content: "\f7e5" } .bi-cc-circle-fill:before { content: "\f7e6" } .bi-cc-circle:before { content: "\f7e7" } .bi-cc-square-fill:before { content: "\f7e8" } .bi-cc-square:before { content: "\f7e9" } .bi-cup-hot-fill:before { content: "\f7ea" } .bi-cup-hot:before { content: "\f7eb" } .bi-currency-rupee:before { content: "\f7ec" } .bi-dropbox:before { content: "\f7ed" } .bi-escape:before { content: "\f7ee" } .bi-fast-forward-btn-fill:before { content: "\f7ef" } .bi-fast-forward-btn:before { content: "\f7f0" } .bi-fast-forward-circle-fill:before { content: "\f7f1" } .bi-fast-forward-circle:before { content: "\f7f2" } .bi-fast-forward-fill:before { content: "\f7f3" } .bi-fast-forward:before { content: "\f7f4" } .bi-filetype-sql:before { content: "\f7f5" } .bi-fire:before { content: "\f7f6" } .bi-google-play:before { content: "\f7f7" } .bi-h-circle-1:before { content: "\f7f8" } .bi-h-circle-fill-1:before { content: "\f7f9" } .bi-h-circle-fill:before { content: "\f7fa" } .bi-h-circle:before { content: "\f7fb" } .bi-h-square-fill:before { content: "\f7fc" } .bi-h-square:before { content: "\f7fd" } .bi-indent:before { content: "\f7fe" } .bi-lungs-fill:before { content: "\f7ff" } .bi-lungs:before { content: "\f800" } .bi-microsoft-teams:before { content: "\f801" } .bi-p-circle-1:before { content: "\f802" } .bi-p-circle-fill-1:before { content: "\f803" } .bi-p-circle-fill:before { content: "\f804" } .bi-p-circle:before { content: "\f805" } .bi-p-square-fill:before { content: "\f806" } .bi-p-square:before { content: "\f807" } .bi-pass-fill:before { content: "\f808" } .bi-pass:before { content: "\f809" } .bi-prescription:before { content: "\f80a" } .bi-prescription2:before { content: "\f80b" } .bi-r-circle-1:before { content: "\f80c" } .bi-r-circle-fill-1:before { content: "\f80d" } .bi-r-circle-fill:before { content: "\f80e" } .bi-r-circle:before { content: "\f80f" } .bi-r-square-fill:before { content: "\f810" } .bi-r-square:before { content: "\f811" } .bi-repeat-1:before { content: "\f812" } .bi-repeat:before { content: "\f813" } .bi-rewind-btn-fill:before { content: "\f814" } .bi-rewind-btn:before { content: "\f815" } .bi-rewind-circle-fill:before { content: "\f816" } .bi-rewind-circle:before { content: "\f817" } .bi-rewind-fill:before { content: "\f818" } .bi-rewind:before { content: "\f819" } .bi-train-freight-front-fill:before { content: "\f81a" } .bi-train-freight-front:before { content: "\f81b" } .bi-train-front-fill:before { content: "\f81c" } .bi-train-front:before { content: "\f81d" } .bi-train-lightrail-front-fill:before { content: "\f81e" } .bi-train-lightrail-front:before { content: "\f81f" } .bi-truck-front-fill:before { content: "\f820" } .bi-truck-front:before { content: "\f821" } .bi-ubuntu:before { content: "\f822" } .bi-unindent:before { content: "\f823" } .bi-unity:before { content: "\f824" } .bi-universal-access-circle:before { content: "\f825" } .bi-universal-access:before { content: "\f826" } .bi-virus:before { content: "\f827" } .bi-virus2:before { content: "\f828" } .bi-wechat:before { content: "\f829" } .bi-yelp:before { content: "\f82a" } .bi-sign-stop-fill:before { content: "\f82b" } .bi-sign-stop-lights-fill:before { content: "\f82c" } .bi-sign-stop-lights:before { content: "\f82d" } .bi-sign-stop:before { content: "\f82e" } .bi-sign-turn-left-fill:before { content: "\f82f" } .bi-sign-turn-left:before { content: "\f830" } .bi-sign-turn-right-fill:before { content: "\f831" } .bi-sign-turn-right:before { content: "\f832" } .bi-sign-turn-slight-left-fill:before { content: "\f833" } .bi-sign-turn-slight-left:before { content: "\f834" } .bi-sign-turn-slight-right-fill:before { content: "\f835" } .bi-sign-turn-slight-right:before { content: "\f836" } .bi-sign-yield-fill:before { content: "\f837" } .bi-sign-yield:before { content: "\f838" } .bi-ev-station-fill:before { content: "\f839" } .bi-ev-station:before { content: "\f83a" } .bi-fuel-pump-diesel-fill:before { content: "\f83b" } .bi-fuel-pump-diesel:before { content: "\f83c" } .bi-fuel-pump-fill:before { content: "\f83d" } .bi-fuel-pump:before { content: "\f83e" } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-50%, 0, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes fadeInLeftSm { 0% { opacity: 0; transform: translate3d(-3rem, 0, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(50%, 0, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes fadeInRightSm { 0% { opacity: 0; transform: translate3d(3rem, 0, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 50%, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes fadeInUpSm { 0% { opacity: 0; transform: translate3d(0, 3rem, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -50%, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes fadeInDownSm { 0% { opacity: 0; transform: translate3d(0, -3rem, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes dropdownUp { 0% { opacity: 0; top: 10px } to { opacity: 1; top: 0 } } @keyframes placeHolderShimmer { 0% { background-position: -468px 0 } to { background-position: 468px 0 } } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray-dark: #333; --primary: #072447; --secondary: #2765ff; --success: #0d8448; --info: #17a2b8; --warning: #f49b0f; --danger: #dc3545; --light: #eef2f8; --dark: #333; --gray: #757575; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1440px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace } *, :after, :before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #000; text-align: left; background-color: #eef2f8 } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important } hr { box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6, p { margin-top: 0; margin-bottom: 1rem } abbr[data-original-title], abbr[title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none } address { font-style: normal; line-height: inherit } address, dl, ol, ul { margin-bottom: 1rem } dl, ol, ul { margin-top: 0 } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #072447; background-color: transparent } a, a:hover { text-decoration: none } a:hover { color: #000101 } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar } figure { margin: 0 0 1rem } img { border-style: none } img, svg { vertical-align: middle } svg { overflow: hidden } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #757575; text-align: left; caption-side: bottom } th { text-align: inherit; text-align: -webkit-match-parent } label { display: inline-block; margin-bottom: .75rem } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none !important } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; font-weight: 600; line-height: 1.2 } .h1, h1 { font-size: 2.625rem } .h2, h2 { font-size: 2rem } .h3, h3 { font-size: 1.875rem } .h4, h4 { font-size: 1.5rem } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1.125rem } .lead { font-size: 1.09375rem; font-weight: 300 } .display-1 { font-size: 6rem } .display-1, .display-2 { font-weight: 300; line-height: 1.2 } .display-2 { font-size: 5.5rem } .display-3 { font-size: 4.5rem } .display-3, .display-4 { font-weight: 300; line-height: 1.2 } .display-4 { font-size: 3.5rem } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1) } .small, small { font-size: 80%; font-weight: 400 } .mark, mark { padding: .2em; background-color: #fcf8e3 } .list-inline, .list-unstyled { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.09375rem } .blockquote-footer { display: block; font-size: 80%; color: #757575 } .blockquote-footer:before { content: "\2014\00A0" } .img-fluid, .img-thumbnail { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #eef2f8; border: 1px solid #d4d4d4; border-radius: .5rem } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 90%; color: #757575 } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container, .container-sm { max-width: 540px } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } .row { display: flex; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto { position: relative; width: 100%; padding-right: 1rem; padding-left: 1rem } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-3 { flex: 0 0 25%; max-width: 25% } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-6 { flex: 0 0 50%; max-width: 50% } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-12 { flex: 0 0 100%; max-width: 100% } .order-first { order: -1 } .order-last { order: 13 } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } @media (min-width:576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-sm-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-sm-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-sm-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-sm-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-sm-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-sm-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } .order-sm-first { order: -1 } .order-sm-last { order: 13 } .order-sm-0 { order: 0 } .order-sm-1 { order: 1 } .order-sm-2 { order: 2 } .order-sm-3 { order: 3 } .order-sm-4 { order: 4 } .order-sm-5 { order: 5 } .order-sm-6 { order: 6 } .order-sm-7 { order: 7 } .order-sm-8 { order: 8 } .order-sm-9 { order: 9 } .order-sm-10 { order: 10 } .order-sm-11 { order: 11 } .order-sm-12 { order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } } @media (min-width:768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-md-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-md-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-md-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-md-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-md-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-md-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } .order-md-first { order: -1 } .order-md-last { order: 13 } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } } @media (min-width:992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-lg-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-lg-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-lg-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-lg-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-lg-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-lg-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } .order-lg-first { order: -1 } .order-lg-last { order: 13 } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } } @media (min-width:1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-xl-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-xl-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-xl-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-xl-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-xl-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-xl-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } .order-xl-first { order: -1 } .order-xl-last { order: 13 } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } } @media (min-width:1440px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-xxl-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-xxl-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-xxl-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .row-cols-xxl-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-xxl-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-xxl-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xxl-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667% } .col-xxl-3 { flex: 0 0 25%; max-width: 25% } .col-xxl-4 { flex: 0 0 33.33333%; max-width: 33.33333% } .col-xxl-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-xxl-6 { flex: 0 0 50%; max-width: 50% } .col-xxl-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-xxl-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-xxl-9 { flex: 0 0 75%; max-width: 75% } .col-xxl-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-xxl-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .col-xxl-12 { flex: 0 0 100%; max-width: 100% } .order-xxl-first { order: -1 } .order-xxl-last { order: 13 } .order-xxl-0 { order: 0 } .order-xxl-1 { order: 1 } .order-xxl-2 { order: 2 } .order-xxl-3 { order: 3 } .order-xxl-4 { order: 4 } .order-xxl-5 { order: 5 } .order-xxl-6 { order: 6 } .order-xxl-7 { order: 7 } .order-xxl-8 { order: 8 } .order-xxl-9 { order: 9 } .order-xxl-10 { order: 10 } .order-xxl-11 { order: 11 } .order-xxl-12 { order: 12 } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333% } .offset-xxl-2 { margin-left: 16.66667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333% } .offset-xxl-5 { margin-left: 41.66667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333% } .offset-xxl-8 { margin-left: 66.66667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333% } .offset-xxl-11 { margin-left: 91.66667% } } .form-control, .selectize-control.select-selectize--search .selectize-input input, .selectize-control .selectize-input { display: block; width: 100%; height: calc(1.5em + 2rem); padding: 1rem 1.25rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; background-color: #eef2f8; background-clip: padding-box; border: 0 solid #efefef; border-radius: .75rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control, .selectize-control.select-selectize--search .selectize-input input, .selectize-control .selectize-input { transition: none } } .form-control::-ms-expand, .selectize-control.select-selectize--search .selectize-input input::-ms-expand, .selectize-control .selectize-input::-ms-expand { background-color: transparent; border: 0 } .form-control:-moz-focusring, .selectize-control.select-selectize--search .selectize-input input:-moz-focusring, .selectize-control .selectize-input:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000 } .form-control:focus, .selectize-control.select-selectize--search .selectize-input input:focus, .selectize-control .selectize-input:focus { color: #000; background-color: #eef2f8; border-color: #125fbb; outline: 0; box-shadow: none } .form-control::placeholder, .selectize-control.select-selectize--search .selectize-input input::placeholder, .selectize-control .selectize-input::placeholder { color: #596e98; opacity: 1 } .form-control:disabled, .form-control[readonly], .selectize-control.select-selectize--search .selectize-input input:disabled, .selectize-control.select-selectize--search .selectize-input input[readonly], .selectize-control .selectize-input:disabled, .selectize-control .selectize-input[readonly] { background-color: #eef2f8; opacity: 1 } .selectize-control.select-selectize--search .selectize-input input[type=date], .selectize-control.select-selectize--search .selectize-input input[type=datetime-local], .selectize-control.select-selectize--search .selectize-input input[type=month], .selectize-control.select-selectize--search .selectize-input input[type=time], .selectize-control input.selectize-input[type=date], .selectize-control input.selectize-input[type=datetime-local], .selectize-control input.selectize-input[type=month], .selectize-control input.selectize-input[type=time], input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { appearance: none } .selectize-control select.selectize-input:focus::-ms-value, select.form-control:focus::-ms-value { color: #000; background-color: #eef2f8 } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label { padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: .5rem; padding-bottom: .5rem; font-size: 1.09375rem; line-height: 1.5 } .col-form-label-sm { padding-top: .25rem; padding-bottom: .25rem; font-size: .76562rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding: 1rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #000; background-color: transparent; border: 0 solid transparent } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { height: calc(1.5em + .5rem); padding: .25rem .5rem; font-size: .76562rem; line-height: 1.5; border-radius: .2rem } .form-control-lg { height: calc(1.5em + 1rem); padding: .5rem 1rem; font-size: 1.09375rem; line-height: 1.5; border-radius: .3rem } .selectize-control select.selectize-input[multiple], .selectize-control select.selectize-input[size], .selectize-control textarea.selectize-input, select.form-control[multiple], select.form-control[size], textarea.form-control { height: auto } .form-group { margin-bottom: 1.5rem } .form-text { display: block; margin-top: .25rem } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .form-row>.col, .form-row>[class*=col-] { padding-right: 5px; padding-left: 5px } .form-check { position: relative; display: block; padding-left: 1.25rem } .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { color: #757575 } .form-check-label { margin-bottom: 0 } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #0d8448 } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .76562rem; line-height: 1.5; color: #fff; background-color: rgba(13, 132, 72, .9); border-radius: .5rem } .form-row>.col>.valid-tooltip, .form-row>[class*=col-]>.valid-tooltip { left: 5px } .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip { display: block } .form-control.is-valid, .selectize-control .is-valid.selectize-input, .selectize-control.select-selectize--search .selectize-input .was-validated input:valid, .selectize-control.select-selectize--search .selectize-input input.is-valid, .selectize-control .was-validated .selectize-input:valid, .was-validated .form-control:valid, .was-validated .selectize-control.select-selectize--search .selectize-input input:valid, .was-validated .selectize-control .selectize-input:valid { border-color: #0d8448; padding-right: calc(1.5em + 2rem); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%230D8448' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right calc(.375em + .5rem) center; background-size: calc(.75em + 1rem) calc(.75em + 1rem) } .form-control.is-valid:focus, .selectize-control .is-valid.selectize-input:focus, .selectize-control.select-selectize--search .selectize-input .was-validated input:valid:focus, .selectize-control.select-selectize--search .selectize-input input.is-valid:focus, .selectize-control .was-validated .selectize-input:valid:focus, .was-validated .form-control:valid:focus, .was-validated .selectize-control.select-selectize--search .selectize-input input:valid:focus, .was-validated .selectize-control .selectize-input:valid:focus { border-color: #0d8448; box-shadow: 0 0 0 .2rem rgba(13, 132, 72, .25) } .selectize-control .was-validated textarea.selectize-input:valid, .selectize-control textarea.is-valid.selectize-input, .was-validated .selectize-control textarea.selectize-input:valid, .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 2rem); background-position: top calc(.375em + .5rem) right calc(.375em + .5rem) } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: #0d8448; padding-right: calc(.75em + 3.75rem); background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 1.25rem center/8px 10px no-repeat, #eef2f8 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%230D8448' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 2.25rem/calc(.75em + 1rem) calc(.75em + 1rem) no-repeat } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #0d8448; box-shadow: 0 0 0 .2rem rgba(13, 132, 72, .25) } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #0d8448 } .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label { color: #0d8448 } .custom-control-input.is-valid~.custom-control-label:before, .was-validated .custom-control-input:valid~.custom-control-label:before { border-color: #0d8448 } .custom-control-input.is-valid:checked~.custom-control-label:before, .was-validated .custom-control-input:valid:checked~.custom-control-label:before { border-color: #12b261; background-color: #12b261 } .custom-control-input.is-valid:focus~.custom-control-label:before, .was-validated .custom-control-input:valid:focus~.custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(13, 132, 72, .25) } .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before, .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before, .was-validated .custom-file-input:valid~.custom-file-label { border-color: #0d8448 } .custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label { border-color: #0d8448; box-shadow: 0 0 0 .2rem rgba(13, 132, 72, .25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .76562rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, .9); border-radius: .5rem } .form-row>.col>.invalid-tooltip, .form-row>[class*=col-]>.invalid-tooltip { left: 5px } .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip { display: block } .form-control.is-invalid, .selectize-control .is-invalid.selectize-input, .selectize-control.select-selectize--search .selectize-input .was-validated input:invalid, .selectize-control.select-selectize--search .selectize-input input.is-invalid, .selectize-control .was-validated .selectize-input:invalid, .was-validated .form-control:invalid, .was-validated .selectize-control.select-selectize--search .selectize-input input:invalid, .was-validated .selectize-control .selectize-input:invalid { border-color: #dc3545; padding-right: calc(1.5em + 2rem); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right calc(.375em + .5rem) center; background-size: calc(.75em + 1rem) calc(.75em + 1rem) } .form-control.is-invalid:focus, .selectize-control .is-invalid.selectize-input:focus, .selectize-control.select-selectize--search .selectize-input .was-validated input:invalid:focus, .selectize-control.select-selectize--search .selectize-input input.is-invalid:focus, .selectize-control .was-validated .selectize-input:invalid:focus, .was-validated .form-control:invalid:focus, .was-validated .selectize-control.select-selectize--search .selectize-input input:invalid:focus, .was-validated .selectize-control .selectize-input:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .selectize-control .was-validated textarea.selectize-input:invalid, .selectize-control textarea.is-invalid.selectize-input, .was-validated .selectize-control textarea.selectize-input:invalid, .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 2rem); background-position: top calc(.375em + .5rem) right calc(.375em + .5rem) } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: #dc3545; padding-right: calc(.75em + 3.75rem); background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 1.25rem center/8px 10px no-repeat, #eef2f8 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") center right 2.25rem/calc(.75em + 1rem) calc(.75em + 1rem) no-repeat } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #dc3545 } .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label { color: #dc3545 } .custom-control-input.is-invalid~.custom-control-label:before, .was-validated .custom-control-input:invalid~.custom-control-label:before { border-color: #dc3545 } .custom-control-input.is-invalid:checked~.custom-control-label:before, .was-validated .custom-control-input:invalid:checked~.custom-control-label:before { border-color: #e4606d; background-color: #e4606d } .custom-control-input.is-invalid:focus~.custom-control-label:before, .was-validated .custom-control-input:invalid:focus~.custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before, .custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before, .was-validated .custom-file-input:invalid~.custom-file-label { border-color: #dc3545 } .custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .form-inline { display: flex; flex-flow: row wrap; align-items: center } .form-inline .form-check { width: 100% } @media (min-width:576px) { .form-inline label { justify-content: center } .form-inline .form-group, .form-inline label { display: flex; align-items: center; margin-bottom: 0 } .form-inline .form-group { flex: 0 0 auto; flex-flow: row wrap } .form-inline .form-control, .form-inline .selectize-control.select-selectize--search .selectize-input input, .form-inline .selectize-control .selectize-input, .selectize-control .form-inline .selectize-input, .selectize-control.select-selectize--search .selectize-input .form-inline input { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-plaintext { display: inline-block } .form-inline .custom-select, .form-inline .input-group { width: auto } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { align-items: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext, .selectize-control .input-group>.selectize-input, .selectize-control.select-selectize--search .selectize-input .input-group>input { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0 } .input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control, .input-group>.form-control-plaintext+.custom-file, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.form-control, .selectize-control .input-group>.custom-file+.selectize-input, .selectize-control .input-group>.custom-select+.selectize-input, .selectize-control .input-group>.form-control+.selectize-input, .selectize-control .input-group>.form-control-plaintext+.selectize-input, .selectize-control .input-group>.selectize-input+.custom-file, .selectize-control .input-group>.selectize-input+.custom-select, .selectize-control .input-group>.selectize-input+.form-control, .selectize-control .input-group>.selectize-input+.selectize-input, .selectize-control.select-selectize--search .selectize-input .input-group>.custom-file+input, .selectize-control.select-selectize--search .selectize-input .input-group>.custom-select+input, .selectize-control.select-selectize--search .selectize-input .input-group>.form-control+input, .selectize-control.select-selectize--search .selectize-input .input-group>.form-control-plaintext+input, .selectize-control.select-selectize--search .selectize-input .input-group>.selectize-input+input, .selectize-control.select-selectize--search .selectize-input .input-group>input+.custom-file, .selectize-control.select-selectize--search .selectize-input .input-group>input+.custom-select, .selectize-control.select-selectize--search .selectize-input .input-group>input+.form-control, .selectize-control.select-selectize--search .selectize-input .input-group>input+.selectize-input, .selectize-control.select-selectize--search .selectize-input .input-group>input+input { margin-left: 0 } .input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus, .selectize-control .input-group>.selectize-input:focus, .selectize-control.select-selectize--search .selectize-input .input-group>input:focus { z-index: 3 } .input-group>.custom-file .custom-file-input:focus { z-index: 4 } .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child), .selectize-control .input-group>.selectize-input:not(:first-child), .selectize-control.select-selectize--search .selectize-input .input-group>input:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group>.custom-file { display: flex; align-items: center } .input-group>.custom-file:not(:first-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after, .input-group.has-validation>.custom-select:nth-last-child(n+3), .input-group.has-validation>.form-control:nth-last-child(n+3), .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after, .input-group:not(.has-validation)>.custom-select:not(:last-child), .input-group:not(.has-validation)>.form-control:not(:last-child), .selectize-control .input-group.has-validation>.selectize-input:nth-last-child(n+3), .selectize-control .input-group:not(.has-validation)>.selectize-input:not(:last-child), .selectize-control.select-selectize--search .selectize-input .input-group.has-validation>input:nth-last-child(n+3), .selectize-control.select-selectize--search .selectize-input .input-group:not(.has-validation)>input:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group-append, .input-group-prepend { display: flex } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3 } .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text { margin-left: 0 } .input-group-prepend { margin-right: 0 } .input-group-append { margin-left: 0 } .input-group-text { display: flex; align-items: center; padding: 1rem 1.25rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; text-align: center; white-space: nowrap; background-color: #eef2f8; border: 0 solid #efefef; border-radius: .75rem } .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 } .input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea), .selectize-control .input-group-lg>.selectize-input:not(textarea), .selectize-control.select-selectize--search .selectize-input .input-group-lg>input:not(textarea) { height: calc(1.5em + 1rem) } .input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text, .selectize-control .input-group-lg>.selectize-input, .selectize-control.select-selectize--search .selectize-input .input-group-lg>input { padding: .5rem 1rem; font-size: 1.09375rem; line-height: 1.5; border-radius: .3rem } .input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea), .selectize-control .input-group-sm>.selectize-input:not(textarea), .selectize-control.select-selectize--search .selectize-input .input-group-sm>input:not(textarea) { height: calc(1.5em + .5rem) } .input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text, .selectize-control .input-group-sm>.selectize-input, .selectize-control.select-selectize--search .selectize-input .input-group-sm>input { padding: .25rem .5rem; font-size: .76562rem; line-height: 1.5; border-radius: .2rem } .input-group-lg>.custom-select, .input-group-sm>.custom-select { padding-right: 2.25rem } .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn, .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn { display: inline-block; font-weight: 600; color: #000; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .9375rem 1.25rem; font-size: 1rem; line-height: 1.5; border-radius: .75rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #000; text-decoration: none } .btn.focus, .btn:focus { outline: 0 } .btn.disabled, .btn:disabled { opacity: .65 } .btn:not(:disabled):not(.disabled) { cursor: pointer } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none } .btn-primary { color: #fff; background-color: #072447; border-color: #072447 } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { color: #fff; background-color: #041224; border-color: #020c19 } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(44, 69, 99, .5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #072447; border-color: #072447 } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #020c19; border-color: #01070d } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(44, 69, 99, .5) } .btn-secondary { color: #fff; background-color: #2765ff; border-color: #2765ff } .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover { color: #fff; background-color: #014aff; border-color: #0046f3 } .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 .2rem rgba(71, 124, 255, .5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #2765ff; border-color: #2765ff } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #0046f3; border-color: #0042e6 } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(71, 124, 255, .5) } .btn-success { color: #fff; background-color: #0d8448; border-color: #0d8448 } .btn-success.focus, .btn-success:focus, .btn-success:hover { color: #fff; background-color: #0a6135; border-color: #08562f } .btn-success.focus, .btn-success:focus { box-shadow: 0 0 0 .2rem rgba(49, 150, 99, .5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #0d8448; border-color: #0d8448 } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #08562f; border-color: #074a28 } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(49, 150, 99, .5) } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info.focus, .btn-info:focus, .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b } .btn-info.focus, .btn-info:focus { box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5) } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5) } .btn-warning { color: #212529; background-color: #f49b0f; border-color: #f49b0f } .btn-warning.focus, .btn-warning:focus, .btn-warning:hover { color: #fff; background-color: #d3850a; border-color: #c77d09 } .btn-warning.focus, .btn-warning:focus { box-shadow: 0 0 0 .2rem rgba(212, 137, 19, .5) } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #f49b0f; border-color: #f49b0f } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle { color: #fff; background-color: #c77d09; border-color: #bb7509 } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(212, 137, 19, .5) } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger.focus, .btn-danger:focus, .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 } .btn-danger.focus, .btn-danger:focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5) } .btn-light { color: #212529; background-color: #eef2f8; border-color: #eef2f8 } .btn-light.focus, .btn-light:focus, .btn-light:hover { color: #212529; background-color: #d3dded; border-color: #cad6e9 } .btn-light.focus, .btn-light:focus { box-shadow: 0 0 0 .2rem rgba(207, 211, 217, .5) } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #eef2f8; border-color: #eef2f8 } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: #212529; background-color: #cad6e9; border-color: #c1cfe5 } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(207, 211, 217, .5) } .btn-dark { color: #fff; background-color: #333; border-color: #333 } .btn-dark.focus, .btn-dark:focus, .btn-dark:hover { color: #fff; background-color: #202020; border-color: #1a1a1a } .btn-dark.focus, .btn-dark:focus { box-shadow: 0 0 0 .2rem rgba(82, 82, 82, .5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #333; border-color: #333 } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1a1a; border-color: #131313 } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(82, 82, 82, .5) } .btn-gray { color: #fff; background-color: #757575; border-color: #757575 } .btn-gray.focus, .btn-gray:focus, .btn-gray:hover { color: #fff; background-color: #626262; border-color: #5c5c5c } .btn-gray.focus, .btn-gray:focus { box-shadow: 0 0 0 .2rem hsla(0, 0%, 54.1%, .5) } .btn-gray.disabled, .btn-gray:disabled { color: #fff; background-color: #757575; border-color: #757575 } .btn-gray:not(:disabled):not(.disabled).active, .btn-gray:not(:disabled):not(.disabled):active, .show>.btn-gray.dropdown-toggle { color: #fff; background-color: #5c5c5c; border-color: #555 } .btn-gray:not(:disabled):not(.disabled).active:focus, .btn-gray:not(:disabled):not(.disabled):active:focus, .show>.btn-gray.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem hsla(0, 0%, 54.1%, .5) } .btn-outline-primary { color: #072447; border-color: #072447 } .btn-outline-primary:hover { color: #fff; background-color: #072447; border-color: #072447 } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(7, 36, 71, .5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #072447; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #072447; border-color: #072447 } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(7, 36, 71, .5) } .btn-outline-secondary { color: #2765ff; border-color: #2765ff } .btn-outline-secondary:hover { color: #fff; background-color: #2765ff; border-color: #2765ff } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(39, 101, 255, .5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #2765ff; background-color: transparent } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #2765ff; border-color: #2765ff } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(39, 101, 255, .5) } .btn-outline-success { color: #0d8448; border-color: #0d8448 } .btn-outline-success:hover { color: #fff; background-color: #0d8448; border-color: #0d8448 } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(13, 132, 72, .5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #0d8448; background-color: transparent } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #0d8448; border-color: #0d8448 } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(13, 132, 72, .5) } .btn-outline-info { color: #17a2b8; border-color: #17a2b8 } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .btn-outline-warning { color: #f49b0f; border-color: #f49b0f } .btn-outline-warning:hover { color: #212529; background-color: #f49b0f; border-color: #f49b0f } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(244, 155, 15, .5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f49b0f; background-color: transparent } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle { color: #212529; background-color: #f49b0f; border-color: #f49b0f } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(244, 155, 15, .5) } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .btn-outline-light { color: #eef2f8; border-color: #eef2f8 } .btn-outline-light:hover { color: #212529; background-color: #eef2f8; border-color: #eef2f8 } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(238, 242, 248, .5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #eef2f8; background-color: transparent } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle { color: #212529; background-color: #eef2f8; border-color: #eef2f8 } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(238, 242, 248, .5) } .btn-outline-dark { color: #333; border-color: #333 } .btn-outline-dark:hover { color: #fff; background-color: #333; border-color: #333 } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(51, 51, 51, .5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #333; background-color: transparent } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #333; border-color: #333 } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(51, 51, 51, .5) } .btn-outline-gray { color: #757575; border-color: #757575 } .btn-outline-gray:hover { color: #fff; background-color: #757575; border-color: #757575 } .btn-outline-gray.focus, .btn-outline-gray:focus { box-shadow: 0 0 0 .2rem hsla(0, 0%, 45.9%, .5) } .btn-outline-gray.disabled, .btn-outline-gray:disabled { color: #757575; background-color: transparent } .btn-outline-gray:not(:disabled):not(.disabled).active, .btn-outline-gray:not(:disabled):not(.disabled):active, .show>.btn-outline-gray.dropdown-toggle { color: #fff; background-color: #757575; border-color: #757575 } .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .btn-outline-gray:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-gray.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem hsla(0, 0%, 45.9%, .5) } .btn-link { font-weight: 400; color: #072447; text-decoration: none } .btn-link:hover { color: #000101 } .btn-link.focus, .btn-link:focus, .btn-link:hover { text-decoration: none } .btn-link.disabled, .btn-link:disabled { color: #757575; pointer-events: none } .btn-lg { padding: .5rem 1rem; font-size: 1.09375rem; line-height: 1.5; border-radius: .3rem } .btn--sm, .btn-sm { padding: .375rem 1rem; font-size: .9375rem; line-height: 1.5; border-radius: .75rem } .btn-block+.btn-block { margin-top: .5rem } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown, .dropleft, .dropright, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty:after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: .875rem; color: #000; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .5rem } .dropdown-menu-left { right: auto; left: 0 } .dropdown-menu-right { right: 0; left: auto } @media (min-width:576px) { .dropdown-menu-sm-left { right: auto; left: 0 } .dropdown-menu-sm-right { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-left { right: auto; left: 0 } .dropdown-menu-md-right { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-left { right: auto; left: 0 } .dropdown-menu-lg-right { right: 0; left: auto } } @media (min-width:1200px) { .dropdown-menu-xl-left { right: auto; left: 0 } .dropdown-menu-xl-right { right: 0; left: auto } } @media (min-width:1440px) { .dropdown-menu-xxl-left { right: auto; left: 0 } .dropdown-menu-xxl-right { right: 0; left: auto } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty:after { margin-left: 0 } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropright .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropright .dropdown-toggle:empty:after { margin-left: 0 } .dropright .dropdown-toggle:after { vertical-align: 0 } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropleft .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; display: none } .dropleft .dropdown-toggle:before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropleft .dropdown-toggle:empty:after { margin-left: 0 } .dropleft .dropdown-toggle:before { vertical-align: 0 } .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #eef2f8 } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #eef2f8 } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #072447 } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .76562rem; color: #757575; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus, .nav-link:hover { text-decoration: none } .nav-link.disabled { color: #757575; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #d4d4d4 } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: .5rem; border-top-right-radius: .5rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #eef2f8 #eef2f8 #d4d4d4 } .nav-tabs .nav-link.disabled { color: #757575; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #575757; background-color: #eef2f8; border-color: #d4d4d4 #d4d4d4 #eef2f8 } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { border-radius: .5rem } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #072447 } .nav-fill .nav-item, .nav-fill>.nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified>.nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .card { border: 1px solid rgba(0, 0, 0, .125) } .card>hr { margin-right: 0; margin-left: 0 } .card>.list-group { border-top: inherit; border-bottom: inherit } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.5rem - 1px); border-top-right-radius: calc(.5rem - 1px) } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.5rem - 1px); border-bottom-left-radius: calc(.5rem - 1px) } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0 } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem } .card-title { margin-bottom: .75rem } .card-subtitle { margin-top: -.375rem } .card-subtitle, .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1.25rem } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125) } .card-header:first-child { border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0 } .card-footer { padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125) } .card-footer:last-child { border-radius: 0 0 calc(.5rem - 1px) calc(.5rem - 1px) } .card-header-tabs { margin-bottom: -.75rem; border-bottom: 0 } .card-header-pills, .card-header-tabs { margin-right: -.625rem; margin-left: -.625rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(.5rem - 1px) } .card-img, .card-img-bottom, .card-img-top { flex-shrink: 0; width: 100% } .card-img, .card-img-top { border-top-left-radius: calc(.5rem - 1px); border-top-right-radius: calc(.5rem - 1px) } .card-img, .card-img-bottom { border-bottom-right-radius: calc(.5rem - 1px); border-bottom-left-radius: calc(.5rem - 1px) } .card-deck .card { margin-bottom: 1rem } @media (min-width:576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -1rem; margin-left: -1rem } .card-deck .card { flex: 1 0 0%; margin-right: 1rem; margin-bottom: 0; margin-left: 1rem } } .card-group>.card { margin-bottom: 1rem } @media (min-width:576px) { .card-group { display: flex; flex-flow: row wrap } .card-group>.card { flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card { margin-left: 0; border-left: 0 } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .card-columns .card { margin-bottom: .75rem } @media (min-width:576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1 } .card-columns .card { display: inline-block; width: 100% } } .accordion { overflow-anchor: none } .accordion>.card { overflow: hidden } .accordion>.card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .accordion>.card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0 } .accordion>.card>.card-header { border-radius: 0; margin-bottom: -1px } @keyframes progress-bar-stripes { 0% { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { height: 1rem; line-height: 0; font-size: .65625rem; background-color: #eef2f8; border-radius: .5rem } .progress, .progress-bar { display: flex; overflow: hidden } .progress-bar { flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #072447; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent); background-size: 1rem 1rem } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { animation: none } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .76562rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: 14px; height: 8px } .tooltip .arrow:before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: 8px 0 } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before { top: 0; border-width: 8px 7px 0; border-top-color: #fff } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 8px } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: 8px; height: 14px } .bs-tooltip-auto[x-placement^=right] .arrow:before, .bs-tooltip-right .arrow:before { right: 0; border-width: 7px 8px 7px 0; border-right-color: #fff } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: 8px 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow:before, .bs-tooltip-bottom .arrow:before { bottom: 0; border-width: 0 7px 8px; border-bottom-color: #fff } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 8px } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: 8px; height: 14px } .bs-tooltip-auto[x-placement^=left] .arrow:before, .bs-tooltip-left .arrow:before { left: 0; border-width: 7px 0 7px 8px; border-left-color: #fff } .tooltip-inner { max-width: 280px; padding: .25rem .5rem; color: #000; text-align: center; background-color: #fff; border-radius: .5rem } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translateY(-50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog-centered:before { display: block; height: calc(100vh - 1rem); height: min-content; content: "" } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100% } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog-centered.modal-dialog-scrollable:before { content: none } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #d4d4d4; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #d4d4d4; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) } .modal-footer>* { margin: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-dialog-centered:before { height: calc(100vh - 3.5rem); height: min-content } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .table { width: 100%; margin-bottom: 1rem; color: #1a2640; background-color: #f8fafc } .table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #d4d4d4 } .table thead th { vertical-align: bottom; border-bottom: 2px solid #d4d4d4 } .table tbody+tbody { border-top: 2px solid #d4d4d4 } .table-sm td, .table-sm th { padding: .3rem } .table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #d4d4d4 } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px } .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05) } .table-hover tbody tr:hover { color: #eef2f8; background-color: rgba(0, 0, 0, .075) } .table-primary, .table-primary>td, .table-primary>th { background-color: #bac2cb } .table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #7e8d9f } .table-hover .table-primary:hover, .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #abb5c0 } .table-secondary, .table-secondary>td, .table-secondary>th { background-color: #c3d4ff } .table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #8fafff } .table-hover .table-secondary:hover, .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #aac2ff } .table-success, .table-success>td, .table-success>th { background-color: #bdc } .table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th { border-color: #81bfa0 } .table-hover .table-success:hover, .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #aad5bf } .table-info, .table-info>td, .table-info>th { background-color: #bee5eb } .table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th { border-color: #86cfda } .table-hover .table-info:hover, .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #abdde5 } .table-warning, .table-warning>td, .table-warning>th { background-color: #fce3bc } .table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #f9cb82 } .table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #fbd9a4 } .table-danger, .table-danger>td, .table-danger>th { background-color: #f5c6cb } .table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #ed969e } .table-hover .table-danger:hover, .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #f1b0b7 } .table-light, .table-light>td, .table-light>th { background-color: #fafbfd } .table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th { border-color: #f6f8fb } .table-hover .table-light:hover, .table-hover .table-light:hover>td, .table-hover .table-light:hover>th { background-color: #e8ecf6 } .table-dark, .table-dark>td, .table-dark>th { background-color: #c6c6c6 } .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #959595 } .table-hover .table-dark:hover, .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #b9b9b9 } .table-gray, .table-gray>td, .table-gray>th { background-color: #d8d8d8 } .table-gray tbody+tbody, .table-gray td, .table-gray th, .table-gray thead th { border-color: #b7b7b7 } .table-hover .table-gray:hover, .table-hover .table-gray:hover>td, .table-hover .table-gray:hover>th { background-color: #cbcbcb } .table-active, .table-active>td, .table-active>th, .table-hover .table-active:hover, .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(0, 0, 0, .075) } .table .thead-dark th { color: #fff; background-color: #333; border-color: #464646 } .table .thead-light th { color: #1a2640; background-color: #eef2f8; border-color: #d4d4d4 } .table-dark { color: #fff; background-color: #333 } .table-dark td, .table-dark th, .table-dark thead th { border-color: #464646 } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: hsla(0, 0%, 100%, .05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: hsla(0, 0%, 100%, .075) } @media (max-width:575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-sm>.table-bordered { border: 0 } } @media (max-width:767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-md>.table-bordered { border: 0 } } @media (max-width:991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-lg>.table-bordered { border: 0 } } @media (max-width:1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-xl>.table-bordered { border: 0 } } @media (max-width:1439.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-xxl>.table-bordered { border: 0 } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive>.table-bordered { border: 0 } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .5rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .badge { transition: none } } a.badge:focus, a.badge:hover { text-decoration: none } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } .badge-primary { color: #fff; background-color: #072447 } a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #020c19 } a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(7, 36, 71, .5) } .badge-secondary { color: #fff; background-color: #2765ff } a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #0046f3 } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(39, 101, 255, .5) } .badge-success { color: #fff; background-color: #0d8448 } a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #08562f } a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(13, 132, 72, .5) } .badge-info { color: #fff; background-color: #17a2b8 } a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #117a8b } a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .badge-warning { color: #212529; background-color: #f49b0f } a.badge-warning:focus, a.badge-warning:hover { color: #212529; background-color: #c77d09 } a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(244, 155, 15, .5) } .badge-danger { color: #fff; background-color: #dc3545 } a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #bd2130 } a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .badge-light { color: #212529; background-color: #eef2f8 } a.badge-light:focus, a.badge-light:hover { color: #212529; background-color: #cad6e9 } a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(238, 242, 248, .5) } .badge-dark { color: #fff; background-color: #333 } a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #1a1a1a } a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(51, 51, 51, .5) } .badge-gray { color: #fff; background-color: #757575 } a.badge-gray:focus, a.badge-gray:hover { color: #fff; background-color: #5c5c5c } a.badge-gray.focus, a.badge-gray:focus { outline: 0; box-shadow: 0 0 0 .2rem hsla(0, 0%, 45.9%, .5) } .popover { top: 0; left: 0; z-index: 1060; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .76562rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem } .popover, .popover .arrow { position: absolute; display: block } .popover .arrow { width: 1rem; height: .5rem; margin: 0 .3rem } .popover .arrow:after, .popover .arrow:before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem } .bs-popover-auto[x-placement^=top]>.arrow, .bs-popover-top>.arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[x-placement^=top]>.arrow:before, .bs-popover-top>.arrow:before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=top]>.arrow:after, .bs-popover-top>.arrow:after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=right]>.arrow:before, .bs-popover-right>.arrow:before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=right]>.arrow:after, .bs-popover-right>.arrow:after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem } .bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[x-placement^=bottom]>.arrow:before, .bs-popover-bottom>.arrow:before { top: 0; border-width: 0 .5rem .5rem; border-bottom-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=bottom]>.arrow:after, .bs-popover-bottom>.arrow:after { top: 1px; border-width: 0 .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[x-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem } .bs-popover-auto[x-placement^=left]>.arrow, .bs-popover-left>.arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=left]>.arrow:before, .bs-popover-left>.arrow:before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=left]>.arrow:after, .bs-popover-left>.arrow:after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: .875rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: .5rem .75rem; color: #000 } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .bg-primary { background-color: #072447 !important } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #020c19 !important } .bg-secondary { background-color: #2765ff !important } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #0046f3 !important } .bg-success { background-color: #0d8448 !important } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #08562f !important } .bg-info { background-color: #17a2b8 !important } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b !important } .bg-warning { background-color: #f49b0f !important } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #c77d09 !important } .bg-danger { background-color: #dc3545 !important } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130 !important } .bg-light { background-color: #eef2f8 !important } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #cad6e9 !important } .bg-dark { background-color: #333 !important } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1a1a1a !important } .bg-gray { background-color: #757575 !important } a.bg-gray:focus, a.bg-gray:hover, button.bg-gray:focus, button.bg-gray:hover { background-color: #5c5c5c !important } .bg-white { background-color: #fff !important } .bg-transparent { background-color: transparent !important } .border { border: 1px solid #d4d4d4 !important } .border-top { border-top: 1px solid #d4d4d4 !important } .border-right { border-right: 1px solid #d4d4d4 !important } .border-bottom { border-bottom: 1px solid #d4d4d4 !important } .border-left { border-left: 1px solid #d4d4d4 !important } .border-0 { border: 0 !important } .border-top-0 { border-top: 0 !important } .border-right-0 { border-right: 0 !important } .border-bottom-0 { border-bottom: 0 !important } .border-left-0 { border-left: 0 !important } .border-primary { border-color: #072447 !important } .border-secondary { border-color: #2765ff !important } .border-success { border-color: #0d8448 !important } .border-info { border-color: #17a2b8 !important } .border-warning { border-color: #f49b0f !important } .border-danger { border-color: #dc3545 !important } .border-light { border-color: #eef2f8 !important } .border-dark { border-color: #333 !important } .border-gray { border-color: #757575 !important } .border-white { border-color: #fff !important } .rounded-sm { border-radius: .2rem !important } .rounded { border-radius: .5rem !important } .rounded-top { border-top-left-radius: .5rem !important } .rounded-right, .rounded-top { border-top-right-radius: .5rem !important } .rounded-bottom, .rounded-right { border-bottom-right-radius: .5rem !important } .rounded-bottom, .rounded-left { border-bottom-left-radius: .5rem !important } .rounded-left { border-top-left-radius: .5rem !important } .rounded-lg { border-radius: .3rem !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-0 { border-radius: 0 !important } .clearfix:after { display: block; clear: both; content: "" } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } @media (min-width:576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } } @media (min-width:768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } } @media (min-width:992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } } @media (min-width:1200px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } } @media (min-width:1440px) { .d-xxl-none { display: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: flex !important } .d-xxl-inline-flex { display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive:before { display: block; content: "" } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-21by9:before { padding-top: 42.85714% } .embed-responsive-16by9:before { padding-top: 56.25% } .embed-responsive-4by3:before { padding-top: 75% } .embed-responsive-1by1:before { padding-top: 100% } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-fill { flex: 1 1 auto !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } @media (min-width:576px) { .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } } @media (min-width:768px) { .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } } @media (min-width:992px) { .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } } @media (min-width:1200px) { .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } } @media (min-width:1440px) { .flex-xxl-row { flex-direction: row !important } .flex-xxl-column { flex-direction: column !important } .flex-xxl-row-reverse { flex-direction: row-reverse !important } .flex-xxl-column-reverse { flex-direction: column-reverse !important } .flex-xxl-wrap { flex-wrap: wrap !important } .flex-xxl-nowrap { flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-xxl-fill { flex: 1 1 auto !important } .flex-xxl-grow-0 { flex-grow: 0 !important } .flex-xxl-grow-1 { flex-grow: 1 !important } .flex-xxl-shrink-0 { flex-shrink: 0 !important } .flex-xxl-shrink-1 { flex-shrink: 1 !important } .justify-content-xxl-start { justify-content: flex-start !important } .justify-content-xxl-end { justify-content: flex-end !important } .justify-content-xxl-center { justify-content: center !important } .justify-content-xxl-between { justify-content: space-between !important } .justify-content-xxl-around { justify-content: space-around !important } .align-items-xxl-start { align-items: flex-start !important } .align-items-xxl-end { align-items: flex-end !important } .align-items-xxl-center { align-items: center !important } .align-items-xxl-baseline { align-items: baseline !important } .align-items-xxl-stretch { align-items: stretch !important } .align-content-xxl-start { align-content: flex-start !important } .align-content-xxl-end { align-content: flex-end !important } .align-content-xxl-center { align-content: center !important } .align-content-xxl-between { align-content: space-between !important } .align-content-xxl-around { align-content: space-around !important } .align-content-xxl-stretch { align-content: stretch !important } .align-self-xxl-auto { align-self: auto !important } .align-self-xxl-start { align-self: flex-start !important } .align-self-xxl-end { align-self: flex-end !important } .align-self-xxl-center { align-self: center !important } .align-self-xxl-baseline { align-self: baseline !important } .align-self-xxl-stretch { align-self: stretch !important } } .float-left { float: left !important } .float-right { float: right !important } .float-none { float: none !important } @media (min-width:576px) { .float-sm-left { float: left !important } .float-sm-right { float: right !important } .float-sm-none { float: none !important } } @media (min-width:768px) { .float-md-left { float: left !important } .float-md-right { float: right !important } .float-md-none { float: none !important } } @media (min-width:992px) { .float-lg-left { float: left !important } .float-lg-right { float: right !important } .float-lg-none { float: none !important } } @media (min-width:1200px) { .float-xl-left { float: left !important } .float-xl-right { float: right !important } .float-xl-none { float: none !important } } @media (min-width:1440px) { .float-xxl-left { float: left !important } .float-xxl-right { float: right !important } .float-xxl-none { float: none !important } } .user-select-all { user-select: all !important } .user-select-auto { user-select: auto !important } .user-select-none { user-select: none !important } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: sticky !important } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } @supports (position:sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important } .shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important } .shadow-none { box-shadow: none !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .min-vw-100 { min-width: 100vw !important } .min-vh-100 { min-height: 100vh !important } .vw-100 { width: 100vw !important } .vh-100 { height: 100vh !important } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .5rem !important } .m-3 { margin: 1rem !important } .mt-3, .my-3 { margin-top: 1rem !important } .mr-3, .mx-3 { margin-right: 1rem !important } .mb-3, .my-3 { margin-bottom: 1rem !important } .ml-3, .mx-3 { margin-left: 1rem !important } .m-4 { margin: 1.5rem !important } .mt-4, .my-4 { margin-top: 1.5rem !important } .mr-4, .mx-4 { margin-right: 1.5rem !important } .mb-4, .my-4 { margin-bottom: 1.5rem !important } .ml-4, .mx-4 { margin-left: 1.5rem !important } .m-5 { margin: 3rem !important } .mt-5, .my-5 { margin-top: 3rem !important } .mr-5, .mx-5 { margin-right: 3rem !important } .mb-5, .my-5 { margin-bottom: 3rem !important } .ml-5, .mx-5 { margin-left: 3rem !important } .m-6 p { margin: 6% !important } .mt-6 p, .my-6 p { margin-top: 6% !important } .mr-6 p, .mx-6 p { margin-right: 6% !important } .mb-6 p, .my-6 p { margin-bottom: 6% !important } .ml-6 p, .mx-6 p { margin-left: 6% !important } .m-10 p { margin: 10% !important } .mt-10 p, .my-10 p { margin-top: 10% !important } .mr-10 p, .mx-10 p { margin-right: 10% !important } .mb-10 p, .my-10 p { margin-bottom: 10% !important } .ml-10 p, .mx-10 p { margin-left: 10% !important } .m-25 { margin: .75rem !important } .mt-25, .my-25 { margin-top: .75rem !important } .mr-25, .mx-25 { margin-right: .75rem !important } .mb-25, .my-25 { margin-bottom: .75rem !important } .ml-25, .mx-25 { margin-left: .75rem !important } .m-45 { margin: 2rem !important } .mt-45, .my-45 { margin-top: 2rem !important } .mr-45, .mx-45 { margin-right: 2rem !important } .mb-45, .my-45 { margin-bottom: 2rem !important } .ml-45, .mx-45 { margin-left: 2rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .5rem !important } .p-3 { padding: 1rem !important } .pt-3, .py-3 { padding-top: 1rem !important } .pr-3, .px-3 { padding-right: 1rem !important } .pb-3, .py-3 { padding-bottom: 1rem !important } .pl-3, .px-3 { padding-left: 1rem !important } .p-4 { padding: 1.5rem !important } .pt-4, .py-4 { padding-top: 1.5rem !important } .pr-4, .px-4 { padding-right: 1.5rem !important } .pb-4, .py-4 { padding-bottom: 1.5rem !important } .pl-4, .px-4 { padding-left: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-5, .py-5 { padding-top: 3rem !important } .pr-5, .px-5 { padding-right: 3rem !important } .pb-5, .py-5 { padding-bottom: 3rem !important } .pl-5, .px-5 { padding-left: 3rem !important } .p-6 p { padding: 6% !important } .pt-6 p, .py-6 p { padding-top: 6% !important } .pr-6 p, .px-6 p { padding-right: 6% !important } .pb-6 p, .py-6 p { padding-bottom: 6% !important } .pl-6 p, .px-6 p { padding-left: 6% !important } .p-10 p { padding: 10% !important } .pt-10 p, .py-10 p { padding-top: 10% !important } .pr-10 p, .px-10 p { padding-right: 10% !important } .pb-10 p, .py-10 p { padding-bottom: 10% !important } .pl-10 p, .px-10 p { padding-left: 10% !important } .p-25 { padding: .75rem !important } .pt-25, .py-25 { padding-top: .75rem !important } .pr-25, .px-25 { padding-right: .75rem !important } .pb-25, .py-25 { padding-bottom: .75rem !important } .pl-25, .px-25 { padding-left: .75rem !important } .p-45 { padding: 2rem !important } .pt-45, .py-45 { padding-top: 2rem !important } .pr-45, .px-45 { padding-right: 2rem !important } .pb-45, .py-45 { padding-bottom: 2rem !important } .pl-45, .px-45 { padding-left: 2rem !important } .m-n1 { margin: -.25rem !important } .mt-n1, .my-n1 { margin-top: -.25rem !important } .mr-n1, .mx-n1 { margin-right: -.25rem !important } .mb-n1, .my-n1 { margin-bottom: -.25rem !important } .ml-n1, .mx-n1 { margin-left: -.25rem !important } .m-n2 { margin: -.5rem !important } .mt-n2, .my-n2 { margin-top: -.5rem !important } .mr-n2, .mx-n2 { margin-right: -.5rem !important } .mb-n2, .my-n2 { margin-bottom: -.5rem !important } .ml-n2, .mx-n2 { margin-left: -.5rem !important } .m-n3 { margin: -1rem !important } .mt-n3, .my-n3 { margin-top: -1rem !important } .mr-n3, .mx-n3 { margin-right: -1rem !important } .mb-n3, .my-n3 { margin-bottom: -1rem !important } .ml-n3, .mx-n3 { margin-left: -1rem !important } .m-n4 { margin: -1.5rem !important } .mt-n4, .my-n4 { margin-top: -1.5rem !important } .mr-n4, .mx-n4 { margin-right: -1.5rem !important } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important } .ml-n4, .mx-n4 { margin-left: -1.5rem !important } .m-n5 { margin: -3rem !important } .mt-n5, .my-n5 { margin-top: -3rem !important } .mr-n5, .mx-n5 { margin-right: -3rem !important } .mb-n5, .my-n5 { margin-bottom: -3rem !important } .ml-n5, .mx-n5 { margin-left: -3rem !important } .m-n6 p { margin: -6% !important } .mt-n6 p, .my-n6 p { margin-top: -6% !important } .mr-n6 p, .mx-n6 p { margin-right: -6% !important } .mb-n6 p, .my-n6 p { margin-bottom: -6% !important } .ml-n6 p, .mx-n6 p { margin-left: -6% !important } .m-n10 p { margin: -10% !important } .mt-n10 p, .my-n10 p { margin-top: -10% !important } .mr-n10 p, .mx-n10 p { margin-right: -10% !important } .mb-n10 p, .my-n10 p { margin-bottom: -10% !important } .ml-n10 p, .mx-n10 p { margin-left: -10% !important } .m-n25 { margin: -.75rem !important } .mt-n25, .my-n25 { margin-top: -.75rem !important } .mr-n25, .mx-n25 { margin-right: -.75rem !important } .mb-n25, .my-n25 { margin-bottom: -.75rem !important } .ml-n25, .mx-n25 { margin-left: -.75rem !important } .m-n45 { margin: -2rem !important } .mt-n45, .my-n45 { margin-top: -2rem !important } .mr-n45, .mx-n45 { margin-right: -2rem !important } .mb-n45, .my-n45 { margin-bottom: -2rem !important } .ml-n45, .mx-n45 { margin-left: -2rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width:576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important } .m-sm-3 { margin: 1rem !important } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important } .m-sm-6 p { margin: 6% !important } .mt-sm-6 p, .my-sm-6 p { margin-top: 6% !important } .mr-sm-6 p, .mx-sm-6 p { margin-right: 6% !important } .mb-sm-6 p, .my-sm-6 p { margin-bottom: 6% !important } .ml-sm-6 p, .mx-sm-6 p { margin-left: 6% !important } .m-sm-10 p { margin: 10% !important } .mt-sm-10 p, .my-sm-10 p { margin-top: 10% !important } .mr-sm-10 p, .mx-sm-10 p { margin-right: 10% !important } .mb-sm-10 p, .my-sm-10 p { margin-bottom: 10% !important } .ml-sm-10 p, .mx-sm-10 p { margin-left: 10% !important } .m-sm-25 { margin: .75rem !important } .mt-sm-25, .my-sm-25 { margin-top: .75rem !important } .mr-sm-25, .mx-sm-25 { margin-right: .75rem !important } .mb-sm-25, .my-sm-25 { margin-bottom: .75rem !important } .ml-sm-25, .mx-sm-25 { margin-left: .75rem !important } .m-sm-45 { margin: 2rem !important } .mt-sm-45, .my-sm-45 { margin-top: 2rem !important } .mr-sm-45, .mx-sm-45 { margin-right: 2rem !important } .mb-sm-45, .my-sm-45 { margin-bottom: 2rem !important } .ml-sm-45, .mx-sm-45 { margin-left: 2rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .5rem !important } .p-sm-3 { padding: 1rem !important } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important } .p-sm-6 p { padding: 6% !important } .pt-sm-6 p, .py-sm-6 p { padding-top: 6% !important } .pr-sm-6 p, .px-sm-6 p { padding-right: 6% !important } .pb-sm-6 p, .py-sm-6 p { padding-bottom: 6% !important } .pl-sm-6 p, .px-sm-6 p { padding-left: 6% !important } .p-sm-10 p { padding: 10% !important } .pt-sm-10 p, .py-sm-10 p { padding-top: 10% !important } .pr-sm-10 p, .px-sm-10 p { padding-right: 10% !important } .pb-sm-10 p, .py-sm-10 p { padding-bottom: 10% !important } .pl-sm-10 p, .px-sm-10 p { padding-left: 10% !important } .p-sm-25 { padding: .75rem !important } .pt-sm-25, .py-sm-25 { padding-top: .75rem !important } .pr-sm-25, .px-sm-25 { padding-right: .75rem !important } .pb-sm-25, .py-sm-25 { padding-bottom: .75rem !important } .pl-sm-25, .px-sm-25 { padding-left: .75rem !important } .p-sm-45 { padding: 2rem !important } .pt-sm-45, .py-sm-45 { padding-top: 2rem !important } .pr-sm-45, .px-sm-45 { padding-right: 2rem !important } .pb-sm-45, .py-sm-45 { padding-bottom: 2rem !important } .pl-sm-45, .px-sm-45 { padding-left: 2rem !important } .m-sm-n1 { margin: -.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important } .m-sm-n2 { margin: -.5rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem !important } .m-sm-n3 { margin: -1rem !important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important } .m-sm-n4 { margin: -1.5rem !important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important } .m-sm-n5 { margin: -3rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important } .m-sm-n6 p { margin: -6% !important } .mt-sm-n6 p, .my-sm-n6 p { margin-top: -6% !important } .mr-sm-n6 p, .mx-sm-n6 p { margin-right: -6% !important } .mb-sm-n6 p, .my-sm-n6 p { margin-bottom: -6% !important } .ml-sm-n6 p, .mx-sm-n6 p { margin-left: -6% !important } .m-sm-n10 p { margin: -10% !important } .mt-sm-n10 p, .my-sm-n10 p { margin-top: -10% !important } .mr-sm-n10 p, .mx-sm-n10 p { margin-right: -10% !important } .mb-sm-n10 p, .my-sm-n10 p { margin-bottom: -10% !important } .ml-sm-n10 p, .mx-sm-n10 p { margin-left: -10% !important } .m-sm-n25 { margin: -.75rem !important } .mt-sm-n25, .my-sm-n25 { margin-top: -.75rem !important } .mr-sm-n25, .mx-sm-n25 { margin-right: -.75rem !important } .mb-sm-n25, .my-sm-n25 { margin-bottom: -.75rem !important } .ml-sm-n25, .mx-sm-n25 { margin-left: -.75rem !important } .m-sm-n45 { margin: -2rem !important } .mt-sm-n45, .my-sm-n45 { margin-top: -2rem !important } .mr-sm-n45, .mx-sm-n45 { margin-right: -2rem !important } .mb-sm-n45, .my-sm-n45 { margin-bottom: -2rem !important } .ml-sm-n45, .mx-sm-n45 { margin-left: -2rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media (min-width:768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .5rem !important } .m-md-3 { margin: 1rem !important } .mt-md-3, .my-md-3 { margin-top: 1rem !important } .mr-md-3, .mx-md-3 { margin-right: 1rem !important } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important } .ml-md-3, .mx-md-3 { margin-left: 1rem !important } .m-md-4 { margin: 1.5rem !important } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important } .m-md-5 { margin: 3rem !important } .mt-md-5, .my-md-5 { margin-top: 3rem !important } .mr-md-5, .mx-md-5 { margin-right: 3rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important } .ml-md-5, .mx-md-5 { margin-left: 3rem !important } .m-md-6 p { margin: 6% !important } .mt-md-6 p, .my-md-6 p { margin-top: 6% !important } .mr-md-6 p, .mx-md-6 p { margin-right: 6% !important } .mb-md-6 p, .my-md-6 p { margin-bottom: 6% !important } .ml-md-6 p, .mx-md-6 p { margin-left: 6% !important } .m-md-10 p { margin: 10% !important } .mt-md-10 p, .my-md-10 p { margin-top: 10% !important } .mr-md-10 p, .mx-md-10 p { margin-right: 10% !important } .mb-md-10 p, .my-md-10 p { margin-bottom: 10% !important } .ml-md-10 p, .mx-md-10 p { margin-left: 10% !important } .m-md-25 { margin: .75rem !important } .mt-md-25, .my-md-25 { margin-top: .75rem !important } .mr-md-25, .mx-md-25 { margin-right: .75rem !important } .mb-md-25, .my-md-25 { margin-bottom: .75rem !important } .ml-md-25, .mx-md-25 { margin-left: .75rem !important } .m-md-45 { margin: 2rem !important } .mt-md-45, .my-md-45 { margin-top: 2rem !important } .mr-md-45, .mx-md-45 { margin-right: 2rem !important } .mb-md-45, .my-md-45 { margin-bottom: 2rem !important } .ml-md-45, .mx-md-45 { margin-left: 2rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .5rem !important } .p-md-3 { padding: 1rem !important } .pt-md-3, .py-md-3 { padding-top: 1rem !important } .pr-md-3, .px-md-3 { padding-right: 1rem !important } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important } .pl-md-3, .px-md-3 { padding-left: 1rem !important } .p-md-4 { padding: 1.5rem !important } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-5, .py-md-5 { padding-top: 3rem !important } .pr-md-5, .px-md-5 { padding-right: 3rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important } .pl-md-5, .px-md-5 { padding-left: 3rem !important } .p-md-6 p { padding: 6% !important } .pt-md-6 p, .py-md-6 p { padding-top: 6% !important } .pr-md-6 p, .px-md-6 p { padding-right: 6% !important } .pb-md-6 p, .py-md-6 p { padding-bottom: 6% !important } .pl-md-6 p, .px-md-6 p { padding-left: 6% !important } .p-md-10 p { padding: 10% !important } .pt-md-10 p, .py-md-10 p { padding-top: 10% !important } .pr-md-10 p, .px-md-10 p { padding-right: 10% !important } .pb-md-10 p, .py-md-10 p { padding-bottom: 10% !important } .pl-md-10 p, .px-md-10 p { padding-left: 10% !important } .p-md-25 { padding: .75rem !important } .pt-md-25, .py-md-25 { padding-top: .75rem !important } .pr-md-25, .px-md-25 { padding-right: .75rem !important } .pb-md-25, .py-md-25 { padding-bottom: .75rem !important } .pl-md-25, .px-md-25 { padding-left: .75rem !important } .p-md-45 { padding: 2rem !important } .pt-md-45, .py-md-45 { padding-top: 2rem !important } .pr-md-45, .px-md-45 { padding-right: 2rem !important } .pb-md-45, .py-md-45 { padding-bottom: 2rem !important } .pl-md-45, .px-md-45 { padding-left: 2rem !important } .m-md-n1 { margin: -.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important } .m-md-n2 { margin: -.5rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem !important } .m-md-n3 { margin: -1rem !important } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important } .m-md-n4 { margin: -1.5rem !important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important } .m-md-n5 { margin: -3rem !important } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important } .m-md-n6 p { margin: -6% !important } .mt-md-n6 p, .my-md-n6 p { margin-top: -6% !important } .mr-md-n6 p, .mx-md-n6 p { margin-right: -6% !important } .mb-md-n6 p, .my-md-n6 p { margin-bottom: -6% !important } .ml-md-n6 p, .mx-md-n6 p { margin-left: -6% !important } .m-md-n10 p { margin: -10% !important } .mt-md-n10 p, .my-md-n10 p { margin-top: -10% !important } .mr-md-n10 p, .mx-md-n10 p { margin-right: -10% !important } .mb-md-n10 p, .my-md-n10 p { margin-bottom: -10% !important } .ml-md-n10 p, .mx-md-n10 p { margin-left: -10% !important } .m-md-n25 { margin: -.75rem !important } .mt-md-n25, .my-md-n25 { margin-top: -.75rem !important } .mr-md-n25, .mx-md-n25 { margin-right: -.75rem !important } .mb-md-n25, .my-md-n25 { margin-bottom: -.75rem !important } .ml-md-n25, .mx-md-n25 { margin-left: -.75rem !important } .m-md-n45 { margin: -2rem !important } .mt-md-n45, .my-md-n45 { margin-top: -2rem !important } .mr-md-n45, .mx-md-n45 { margin-right: -2rem !important } .mb-md-n45, .my-md-n45 { margin-bottom: -2rem !important } .ml-md-n45, .mx-md-n45 { margin-left: -2rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width:992px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important } .m-lg-3 { margin: 1rem !important } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important } .m-lg-6 p { margin: 6% !important } .mt-lg-6 p, .my-lg-6 p { margin-top: 6% !important } .mr-lg-6 p, .mx-lg-6 p { margin-right: 6% !important } .mb-lg-6 p, .my-lg-6 p { margin-bottom: 6% !important } .ml-lg-6 p, .mx-lg-6 p { margin-left: 6% !important } .m-lg-10 p { margin: 10% !important } .mt-lg-10 p, .my-lg-10 p { margin-top: 10% !important } .mr-lg-10 p, .mx-lg-10 p { margin-right: 10% !important } .mb-lg-10 p, .my-lg-10 p { margin-bottom: 10% !important } .ml-lg-10 p, .mx-lg-10 p { margin-left: 10% !important } .m-lg-25 { margin: .75rem !important } .mt-lg-25, .my-lg-25 { margin-top: .75rem !important } .mr-lg-25, .mx-lg-25 { margin-right: .75rem !important } .mb-lg-25, .my-lg-25 { margin-bottom: .75rem !important } .ml-lg-25, .mx-lg-25 { margin-left: .75rem !important } .m-lg-45 { margin: 2rem !important } .mt-lg-45, .my-lg-45 { margin-top: 2rem !important } .mr-lg-45, .mx-lg-45 { margin-right: 2rem !important } .mb-lg-45, .my-lg-45 { margin-bottom: 2rem !important } .ml-lg-45, .mx-lg-45 { margin-left: 2rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .5rem !important } .p-lg-3 { padding: 1rem !important } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important } .p-lg-6 p { padding: 6% !important } .pt-lg-6 p, .py-lg-6 p { padding-top: 6% !important } .pr-lg-6 p, .px-lg-6 p { padding-right: 6% !important } .pb-lg-6 p, .py-lg-6 p { padding-bottom: 6% !important } .pl-lg-6 p, .px-lg-6 p { padding-left: 6% !important } .p-lg-10 p { padding: 10% !important } .pt-lg-10 p, .py-lg-10 p { padding-top: 10% !important } .pr-lg-10 p, .px-lg-10 p { padding-right: 10% !important } .pb-lg-10 p, .py-lg-10 p { padding-bottom: 10% !important } .pl-lg-10 p, .px-lg-10 p { padding-left: 10% !important } .p-lg-25 { padding: .75rem !important } .pt-lg-25, .py-lg-25 { padding-top: .75rem !important } .pr-lg-25, .px-lg-25 { padding-right: .75rem !important } .pb-lg-25, .py-lg-25 { padding-bottom: .75rem !important } .pl-lg-25, .px-lg-25 { padding-left: .75rem !important } .p-lg-45 { padding: 2rem !important } .pt-lg-45, .py-lg-45 { padding-top: 2rem !important } .pr-lg-45, .px-lg-45 { padding-right: 2rem !important } .pb-lg-45, .py-lg-45 { padding-bottom: 2rem !important } .pl-lg-45, .px-lg-45 { padding-left: 2rem !important } .m-lg-n1 { margin: -.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important } .m-lg-n2 { margin: -.5rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem !important } .m-lg-n3 { margin: -1rem !important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important } .m-lg-n4 { margin: -1.5rem !important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important } .m-lg-n5 { margin: -3rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important } .m-lg-n6 p { margin: -6% !important } .mt-lg-n6 p, .my-lg-n6 p { margin-top: -6% !important } .mr-lg-n6 p, .mx-lg-n6 p { margin-right: -6% !important } .mb-lg-n6 p, .my-lg-n6 p { margin-bottom: -6% !important } .ml-lg-n6 p, .mx-lg-n6 p { margin-left: -6% !important } .m-lg-n10 p { margin: -10% !important } .mt-lg-n10 p, .my-lg-n10 p { margin-top: -10% !important } .mr-lg-n10 p, .mx-lg-n10 p { margin-right: -10% !important } .mb-lg-n10 p, .my-lg-n10 p { margin-bottom: -10% !important } .ml-lg-n10 p, .mx-lg-n10 p { margin-left: -10% !important } .m-lg-n25 { margin: -.75rem !important } .mt-lg-n25, .my-lg-n25 { margin-top: -.75rem !important } .mr-lg-n25, .mx-lg-n25 { margin-right: -.75rem !important } .mb-lg-n25, .my-lg-n25 { margin-bottom: -.75rem !important } .ml-lg-n25, .mx-lg-n25 { margin-left: -.75rem !important } .m-lg-n45 { margin: -2rem !important } .mt-lg-n45, .my-lg-n45 { margin-top: -2rem !important } .mr-lg-n45, .mx-lg-n45 { margin-right: -2rem !important } .mb-lg-n45, .my-lg-n45 { margin-bottom: -2rem !important } .ml-lg-n45, .mx-lg-n45 { margin-left: -2rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width:1200px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important } .m-xl-3 { margin: 1rem !important } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important } .m-xl-6 p { margin: 6% !important } .mt-xl-6 p, .my-xl-6 p { margin-top: 6% !important } .mr-xl-6 p, .mx-xl-6 p { margin-right: 6% !important } .mb-xl-6 p, .my-xl-6 p { margin-bottom: 6% !important } .ml-xl-6 p, .mx-xl-6 p { margin-left: 6% !important } .m-xl-10 p { margin: 10% !important } .mt-xl-10 p, .my-xl-10 p { margin-top: 10% !important } .mr-xl-10 p, .mx-xl-10 p { margin-right: 10% !important } .mb-xl-10 p, .my-xl-10 p { margin-bottom: 10% !important } .ml-xl-10 p, .mx-xl-10 p { margin-left: 10% !important } .m-xl-25 { margin: .75rem !important } .mt-xl-25, .my-xl-25 { margin-top: .75rem !important } .mr-xl-25, .mx-xl-25 { margin-right: .75rem !important } .mb-xl-25, .my-xl-25 { margin-bottom: .75rem !important } .ml-xl-25, .mx-xl-25 { margin-left: .75rem !important } .m-xl-45 { margin: 2rem !important } .mt-xl-45, .my-xl-45 { margin-top: 2rem !important } .mr-xl-45, .mx-xl-45 { margin-right: 2rem !important } .mb-xl-45, .my-xl-45 { margin-bottom: 2rem !important } .ml-xl-45, .mx-xl-45 { margin-left: 2rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .5rem !important } .p-xl-3 { padding: 1rem !important } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important } .p-xl-6 p { padding: 6% !important } .pt-xl-6 p, .py-xl-6 p { padding-top: 6% !important } .pr-xl-6 p, .px-xl-6 p { padding-right: 6% !important } .pb-xl-6 p, .py-xl-6 p { padding-bottom: 6% !important } .pl-xl-6 p, .px-xl-6 p { padding-left: 6% !important } .p-xl-10 p { padding: 10% !important } .pt-xl-10 p, .py-xl-10 p { padding-top: 10% !important } .pr-xl-10 p, .px-xl-10 p { padding-right: 10% !important } .pb-xl-10 p, .py-xl-10 p { padding-bottom: 10% !important } .pl-xl-10 p, .px-xl-10 p { padding-left: 10% !important } .p-xl-25 { padding: .75rem !important } .pt-xl-25, .py-xl-25 { padding-top: .75rem !important } .pr-xl-25, .px-xl-25 { padding-right: .75rem !important } .pb-xl-25, .py-xl-25 { padding-bottom: .75rem !important } .pl-xl-25, .px-xl-25 { padding-left: .75rem !important } .p-xl-45 { padding: 2rem !important } .pt-xl-45, .py-xl-45 { padding-top: 2rem !important } .pr-xl-45, .px-xl-45 { padding-right: 2rem !important } .pb-xl-45, .py-xl-45 { padding-bottom: 2rem !important } .pl-xl-45, .px-xl-45 { padding-left: 2rem !important } .m-xl-n1 { margin: -.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important } .m-xl-n2 { margin: -.5rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem !important } .m-xl-n3 { margin: -1rem !important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important } .m-xl-n4 { margin: -1.5rem !important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important } .m-xl-n5 { margin: -3rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important } .m-xl-n6 p { margin: -6% !important } .mt-xl-n6 p, .my-xl-n6 p { margin-top: -6% !important } .mr-xl-n6 p, .mx-xl-n6 p { margin-right: -6% !important } .mb-xl-n6 p, .my-xl-n6 p { margin-bottom: -6% !important } .ml-xl-n6 p, .mx-xl-n6 p { margin-left: -6% !important } .m-xl-n10 p { margin: -10% !important } .mt-xl-n10 p, .my-xl-n10 p { margin-top: -10% !important } .mr-xl-n10 p, .mx-xl-n10 p { margin-right: -10% !important } .mb-xl-n10 p, .my-xl-n10 p { margin-bottom: -10% !important } .ml-xl-n10 p, .mx-xl-n10 p { margin-left: -10% !important } .m-xl-n25 { margin: -.75rem !important } .mt-xl-n25, .my-xl-n25 { margin-top: -.75rem !important } .mr-xl-n25, .mx-xl-n25 { margin-right: -.75rem !important } .mb-xl-n25, .my-xl-n25 { margin-bottom: -.75rem !important } .ml-xl-n25, .mx-xl-n25 { margin-left: -.75rem !important } .m-xl-n45 { margin: -2rem !important } .mt-xl-n45, .my-xl-n45 { margin-top: -2rem !important } .mr-xl-n45, .mx-xl-n45 { margin-right: -2rem !important } .mb-xl-n45, .my-xl-n45 { margin-bottom: -2rem !important } .ml-xl-n45, .mx-xl-n45 { margin-left: -2rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } @media (min-width:1440px) { .m-xxl-0 { margin: 0 !important } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important } .m-xxl-1 { margin: .25rem !important } .mt-xxl-1, .my-xxl-1 { margin-top: .25rem !important } .mr-xxl-1, .mx-xxl-1 { margin-right: .25rem !important } .mb-xxl-1, .my-xxl-1 { margin-bottom: .25rem !important } .ml-xxl-1, .mx-xxl-1 { margin-left: .25rem !important } .m-xxl-2 { margin: .5rem !important } .mt-xxl-2, .my-xxl-2 { margin-top: .5rem !important } .mr-xxl-2, .mx-xxl-2 { margin-right: .5rem !important } .mb-xxl-2, .my-xxl-2 { margin-bottom: .5rem !important } .ml-xxl-2, .mx-xxl-2 { margin-left: .5rem !important } .m-xxl-3 { margin: 1rem !important } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important } .m-xxl-4 { margin: 1.5rem !important } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important } .m-xxl-5 { margin: 3rem !important } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important } .m-xxl-6 p { margin: 6% !important } .mt-xxl-6 p, .my-xxl-6 p { margin-top: 6% !important } .mr-xxl-6 p, .mx-xxl-6 p { margin-right: 6% !important } .mb-xxl-6 p, .my-xxl-6 p { margin-bottom: 6% !important } .ml-xxl-6 p, .mx-xxl-6 p { margin-left: 6% !important } .m-xxl-10 p { margin: 10% !important } .mt-xxl-10 p, .my-xxl-10 p { margin-top: 10% !important } .mr-xxl-10 p, .mx-xxl-10 p { margin-right: 10% !important } .mb-xxl-10 p, .my-xxl-10 p { margin-bottom: 10% !important } .ml-xxl-10 p, .mx-xxl-10 p { margin-left: 10% !important } .m-xxl-25 { margin: .75rem !important } .mt-xxl-25, .my-xxl-25 { margin-top: .75rem !important } .mr-xxl-25, .mx-xxl-25 { margin-right: .75rem !important } .mb-xxl-25, .my-xxl-25 { margin-bottom: .75rem !important } .ml-xxl-25, .mx-xxl-25 { margin-left: .75rem !important } .m-xxl-45 { margin: 2rem !important } .mt-xxl-45, .my-xxl-45 { margin-top: 2rem !important } .mr-xxl-45, .mx-xxl-45 { margin-right: 2rem !important } .mb-xxl-45, .my-xxl-45 { margin-bottom: 2rem !important } .ml-xxl-45, .mx-xxl-45 { margin-left: 2rem !important } .p-xxl-0 { padding: 0 !important } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important } .p-xxl-1 { padding: .25rem !important } .pt-xxl-1, .py-xxl-1 { padding-top: .25rem !important } .pr-xxl-1, .px-xxl-1 { padding-right: .25rem !important } .pb-xxl-1, .py-xxl-1 { padding-bottom: .25rem !important } .pl-xxl-1, .px-xxl-1 { padding-left: .25rem !important } .p-xxl-2 { padding: .5rem !important } .pt-xxl-2, .py-xxl-2 { padding-top: .5rem !important } .pr-xxl-2, .px-xxl-2 { padding-right: .5rem !important } .pb-xxl-2, .py-xxl-2 { padding-bottom: .5rem !important } .pl-xxl-2, .px-xxl-2 { padding-left: .5rem !important } .p-xxl-3 { padding: 1rem !important } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important } .p-xxl-4 { padding: 1.5rem !important } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important } .p-xxl-5 { padding: 3rem !important } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important } .p-xxl-6 p { padding: 6% !important } .pt-xxl-6 p, .py-xxl-6 p { padding-top: 6% !important } .pr-xxl-6 p, .px-xxl-6 p { padding-right: 6% !important } .pb-xxl-6 p, .py-xxl-6 p { padding-bottom: 6% !important } .pl-xxl-6 p, .px-xxl-6 p { padding-left: 6% !important } .p-xxl-10 p { padding: 10% !important } .pt-xxl-10 p, .py-xxl-10 p { padding-top: 10% !important } .pr-xxl-10 p, .px-xxl-10 p { padding-right: 10% !important } .pb-xxl-10 p, .py-xxl-10 p { padding-bottom: 10% !important } .pl-xxl-10 p, .px-xxl-10 p { padding-left: 10% !important } .p-xxl-25 { padding: .75rem !important } .pt-xxl-25, .py-xxl-25 { padding-top: .75rem !important } .pr-xxl-25, .px-xxl-25 { padding-right: .75rem !important } .pb-xxl-25, .py-xxl-25 { padding-bottom: .75rem !important } .pl-xxl-25, .px-xxl-25 { padding-left: .75rem !important } .p-xxl-45 { padding: 2rem !important } .pt-xxl-45, .py-xxl-45 { padding-top: 2rem !important } .pr-xxl-45, .px-xxl-45 { padding-right: 2rem !important } .pb-xxl-45, .py-xxl-45 { padding-bottom: 2rem !important } .pl-xxl-45, .px-xxl-45 { padding-left: 2rem !important } .m-xxl-n1 { margin: -.25rem !important } .mt-xxl-n1, .my-xxl-n1 { margin-top: -.25rem !important } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -.25rem !important } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -.25rem !important } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -.25rem !important } .m-xxl-n2 { margin: -.5rem !important } .mt-xxl-n2, .my-xxl-n2 { margin-top: -.5rem !important } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -.5rem !important } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -.5rem !important } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -.5rem !important } .m-xxl-n3 { margin: -1rem !important } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important } .m-xxl-n4 { margin: -1.5rem !important } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important } .m-xxl-n5 { margin: -3rem !important } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important } .m-xxl-n6 p { margin: -6% !important } .mt-xxl-n6 p, .my-xxl-n6 p { margin-top: -6% !important } .mr-xxl-n6 p, .mx-xxl-n6 p { margin-right: -6% !important } .mb-xxl-n6 p, .my-xxl-n6 p { margin-bottom: -6% !important } .ml-xxl-n6 p, .mx-xxl-n6 p { margin-left: -6% !important } .m-xxl-n10 p { margin: -10% !important } .mt-xxl-n10 p, .my-xxl-n10 p { margin-top: -10% !important } .mr-xxl-n10 p, .mx-xxl-n10 p { margin-right: -10% !important } .mb-xxl-n10 p, .my-xxl-n10 p { margin-bottom: -10% !important } .ml-xxl-n10 p, .mx-xxl-n10 p { margin-left: -10% !important } .m-xxl-n25 { margin: -.75rem !important } .mt-xxl-n25, .my-xxl-n25 { margin-top: -.75rem !important } .mr-xxl-n25, .mx-xxl-n25 { margin-right: -.75rem !important } .mb-xxl-n25, .my-xxl-n25 { margin-bottom: -.75rem !important } .ml-xxl-n25, .mx-xxl-n25 { margin-left: -.75rem !important } .m-xxl-n45 { margin: -2rem !important } .mt-xxl-n45, .my-xxl-n45 { margin-top: -2rem !important } .mr-xxl-n45, .mx-xxl-n45 { margin-right: -2rem !important } .mb-xxl-n45, .my-xxl-n45 { margin-bottom: -2rem !important } .ml-xxl-n45, .mx-xxl-n45 { margin-left: -2rem !important } .m-xxl-auto { margin: auto !important } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important } } .stretched-link:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: transparent } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important } .text-justify { text-align: justify !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } @media (min-width:576px) { .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width:768px) { .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width:992px) { .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width:1200px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } } @media (min-width:1440px) { .text-xxl-left { text-align: left !important } .text-xxl-right { text-align: right !important } .text-xxl-center { text-align: center !important } } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .font-weight-light { font-weight: 300 !important } .font-weight-lighter { font-weight: lighter !important } .font-weight-normal { font-weight: 400 !important } .font-weight-bold { font-weight: 700 !important } .font-weight-bolder { font-weight: bolder !important } .font-italic { font-style: italic !important } .text-white { color: #fff !important } .text-primary { color: #072447 !important } a.text-primary:focus, a.text-primary:hover { color: #000101 !important } .text-secondary { color: #2765ff !important } a.text-secondary:focus, a.text-secondary:hover { color: #003eda !important } .text-success { color: #0d8448 !important } a.text-success:focus, a.text-success:hover { color: #063e22 !important } .text-info { color: #17a2b8 !important } a.text-info:focus, a.text-info:hover { color: #0f6674 !important } .text-warning { color: #f49b0f !important } a.text-warning:focus, a.text-warning:hover { color: #af6e08 !important } .text-danger { color: #dc3545 !important } a.text-danger:focus, a.text-danger:hover { color: #a71d2a !important } .text-light { color: #eef2f8 !important } a.text-light:focus, a.text-light:hover { color: #b8c9e2 !important } .text-dark { color: #333 !important } a.text-dark:focus, a.text-dark:hover { color: #0d0d0d !important } .text-gray { color: #757575 !important } a.text-gray:focus, a.text-gray:hover { color: #4f4f4f !important } .text-body { color: #000 !important } .text-muted { color: #757575 !important } .text-black-50 { color: rgba(0, 0, 0, .5) !important } .text-white-50 { color: hsla(0, 0%, 100%, .5) !important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .text-decoration-none { text-decoration: none !important } .text-break { word-break: break-word !important; word-wrap: break-word !important } .text-reset { color: inherit !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: .5rem } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #072447; background-color: #fff; border: 1px solid #d4d4d4 } .page-link:hover { z-index: 2; color: #000101; text-decoration: none; background-color: #eef2f8; border-color: #d4d4d4 } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 .2rem rgba(7, 36, 71, .25) } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .5rem; border-bottom-left-radius: .5rem } .page-item:last-child .page-link { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #072447; border-color: #072447 } .page-item.disabled .page-link { color: #757575; pointer-events: none; cursor: auto; background-color: #fff; border-color: #d4d4d4 } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.09375rem; line-height: 1.5 } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .76562rem; line-height: 1.5 } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } h1 { font-size: 1.875rem } h2 { font-size: 1.75rem } h3 { font-size: 1.625rem } h4 { font-size: 1.5rem } h5 { font-size: 1.25rem } h6 { font-size: 1.125rem } .h1 { font-size: 1.875rem !important } .h2 { font-size: 1.75rem !important } .h3 { font-size: 1.625rem !important } .h4 { font-size: 1.5rem !important } .h5 { font-size: 1.25rem !important } .h6 { font-size: 1.125rem !important } @media (min-width:768px) { h1 { font-size: 2.625rem } h2 { font-size: 2rem } h3 { font-size: 1.875rem } h4 { font-size: 1.5rem } h5 { font-size: 1.25rem } h6 { font-size: 1.125rem } .h1 { font-size: 2.625rem !important } .h2 { font-size: 2rem !important } .h3 { font-size: 1.875rem !important } .h4 { font-size: 1.5rem !important } .h5 { font-size: 1.25rem !important } .h6 { font-size: 1.125rem !important } } .text-clamp-2 { -webkit-line-clamp: 2 } .text-clamp-2, .text-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .text-clamp-3 { -webkit-line-clamp: 3 } .text-primary-light { color: #596e98 !important } b, strong { font-weight: 700 } .text-12sb-gray { font-size: 12px; font-weight: 600; color: #757575 } .fw-light { font-weight: 300 !important } .fw-normal { font-weight: 400 !important } .fw-semibold { font-weight: 600 !important } .fw-bold { font-weight: 700 !important } .fw-200 { font-weight: 200 !important } .fw-300 { font-weight: 300 !important } .fw-400 { font-weight: 400 !important } .fw-500 { font-weight: 500 !important } .fw-600 { font-weight: 600 !important } .fw-700 { font-weight: 700 !important } .fw-800 { font-weight: 800 !important } .flex-100 { flex: 1 1 100% !important } .fs-10 { font-size: .625rem !important } .fs-12 { font-size: .75rem !important } .fs-13 { font-size: .8125rem !important } .fs-14 { font-size: .875rem !important } .fs-16 { font-size: 1rem !important } .fs-18 { font-size: 1.125rem !important } .fs-20 { font-size: 1.25rem !important } .fs-22 { font-size: 1.375rem !important } .fs-24 { font-size: 1.5rem !important } .fs-28 { font-size: 1.75rem !important } .fs-30 { font-size: 1.875rem !important } .fs-32 { font-size: 2rem !important } .fs-34 { font-size: 2.125rem !important } .fs-36 { font-size: 2.25rem !important } .fs-40 { font-size: 2.5rem !important } .fs-42 { font-size: 2.625rem !important } .lh-1 { line-height: 1 !important } .lh-11 { line-height: 1.1 !important } .lh-12 { line-height: 1.2 !important } .lh-13 { line-height: 1.3 !important } .lh-14 { line-height: 1.4 !important } @media (min-width:576px) { .fw-sm-light { font-weight: 300 !important } .fw-sm-normal { font-weight: 400 !important } .fw-sm-semibold { font-weight: 600 !important } .fw-sm-bold { font-weight: 700 !important } .fw-sm-200 { font-weight: 200 !important } .fw-sm-300 { font-weight: 300 !important } .fw-sm-400 { font-weight: 400 !important } .fw-sm-500 { font-weight: 500 !important } .fw-sm-600 { font-weight: 600 !important } .fw-sm-700 { font-weight: 700 !important } .fw-sm-800 { font-weight: 800 !important } .flex-sm-100 { flex: 1 1 100% !important } .fs-sm-10 { font-size: .625rem !important } .fs-sm-12 { font-size: .75rem !important } .fs-sm-13 { font-size: .8125rem !important } .fs-sm-14 { font-size: .875rem !important } .fs-sm-16 { font-size: 1rem !important } .fs-sm-18 { font-size: 1.125rem !important } .fs-sm-20 { font-size: 1.25rem !important } .fs-sm-22 { font-size: 1.375rem !important } .fs-sm-24 { font-size: 1.5rem !important } .fs-sm-28 { font-size: 1.75rem !important } .fs-sm-30 { font-size: 1.875rem !important } .fs-sm-32 { font-size: 2rem !important } .fs-sm-34 { font-size: 2.125rem !important } .fs-sm-36 { font-size: 2.25rem !important } .fs-sm-40 { font-size: 2.5rem !important } .fs-sm-42 { font-size: 2.625rem !important } .lh-sm-1 { line-height: 1 !important } .lh-sm-11 { line-height: 1.1 !important } .lh-sm-12 { line-height: 1.2 !important } .lh-sm-13 { line-height: 1.3 !important } .lh-sm-14 { line-height: 1.4 !important } } @media (min-width:768px) { .fw-md-light { font-weight: 300 !important } .fw-md-normal { font-weight: 400 !important } .fw-md-semibold { font-weight: 600 !important } .fw-md-bold { font-weight: 700 !important } .fw-md-200 { font-weight: 200 !important } .fw-md-300 { font-weight: 300 !important } .fw-md-400 { font-weight: 400 !important } .fw-md-500 { font-weight: 500 !important } .fw-md-600 { font-weight: 600 !important } .fw-md-700 { font-weight: 700 !important } .fw-md-800 { font-weight: 800 !important } .flex-md-100 { flex: 1 1 100% !important } .fs-md-10 { font-size: .625rem !important } .fs-md-12 { font-size: .75rem !important } .fs-md-13 { font-size: .8125rem !important } .fs-md-14 { font-size: .875rem !important } .fs-md-16 { font-size: 1rem !important } .fs-md-18 { font-size: 1.125rem !important } .fs-md-20 { font-size: 1.25rem !important } .fs-md-22 { font-size: 1.375rem !important } .fs-md-24 { font-size: 1.5rem !important } .fs-md-28 { font-size: 1.75rem !important } .fs-md-30 { font-size: 1.875rem !important } .fs-md-32 { font-size: 2rem !important } .fs-md-34 { font-size: 2.125rem !important } .fs-md-36 { font-size: 2.25rem !important } .fs-md-40 { font-size: 2.5rem !important } .fs-md-42 { font-size: 2.625rem !important } .lh-md-1 { line-height: 1 !important } .lh-md-11 { line-height: 1.1 !important } .lh-md-12 { line-height: 1.2 !important } .lh-md-13 { line-height: 1.3 !important } .lh-md-14 { line-height: 1.4 !important } } @media (min-width:992px) { .fw-lg-light { font-weight: 300 !important } .fw-lg-normal { font-weight: 400 !important } .fw-lg-semibold { font-weight: 600 !important } .fw-lg-bold { font-weight: 700 !important } .fw-lg-200 { font-weight: 200 !important } .fw-lg-300 { font-weight: 300 !important } .fw-lg-400 { font-weight: 400 !important } .fw-lg-500 { font-weight: 500 !important } .fw-lg-600 { font-weight: 600 !important } .fw-lg-700 { font-weight: 700 !important } .fw-lg-800 { font-weight: 800 !important } .flex-lg-100 { flex: 1 1 100% !important } .fs-lg-10 { font-size: .625rem !important } .fs-lg-12 { font-size: .75rem !important } .fs-lg-13 { font-size: .8125rem !important } .fs-lg-14 { font-size: .875rem !important } .fs-lg-16 { font-size: 1rem !important } .fs-lg-18 { font-size: 1.125rem !important } .fs-lg-20 { font-size: 1.25rem !important } .fs-lg-22 { font-size: 1.375rem !important } .fs-lg-24 { font-size: 1.5rem !important } .fs-lg-28 { font-size: 1.75rem !important } .fs-lg-30 { font-size: 1.875rem !important } .fs-lg-32 { font-size: 2rem !important } .fs-lg-34 { font-size: 2.125rem !important } .fs-lg-36 { font-size: 2.25rem !important } .fs-lg-40 { font-size: 2.5rem !important } .fs-lg-42 { font-size: 2.625rem !important } .lh-lg-1 { line-height: 1 !important } .lh-lg-11 { line-height: 1.1 !important } .lh-lg-12 { line-height: 1.2 !important } .lh-lg-13 { line-height: 1.3 !important } .lh-lg-14 { line-height: 1.4 !important } } @media (min-width:1200px) { .fw-xl-light { font-weight: 300 !important } .fw-xl-normal { font-weight: 400 !important } .fw-xl-semibold { font-weight: 600 !important } .fw-xl-bold { font-weight: 700 !important } .fw-xl-200 { font-weight: 200 !important } .fw-xl-300 { font-weight: 300 !important } .fw-xl-400 { font-weight: 400 !important } .fw-xl-500 { font-weight: 500 !important } .fw-xl-600 { font-weight: 600 !important } .fw-xl-700 { font-weight: 700 !important } .fw-xl-800 { font-weight: 800 !important } .flex-xl-100 { flex: 1 1 100% !important } .fs-xl-10 { font-size: .625rem !important } .fs-xl-12 { font-size: .75rem !important } .fs-xl-13 { font-size: .8125rem !important } .fs-xl-14 { font-size: .875rem !important } .fs-xl-16 { font-size: 1rem !important } .fs-xl-18 { font-size: 1.125rem !important } .fs-xl-20 { font-size: 1.25rem !important } .fs-xl-22 { font-size: 1.375rem !important } .fs-xl-24 { font-size: 1.5rem !important } .fs-xl-28 { font-size: 1.75rem !important } .fs-xl-30 { font-size: 1.875rem !important } .fs-xl-32 { font-size: 2rem !important } .fs-xl-34 { font-size: 2.125rem !important } .fs-xl-36 { font-size: 2.25rem !important } .fs-xl-40 { font-size: 2.5rem !important } .fs-xl-42 { font-size: 2.625rem !important } .lh-xl-1 { line-height: 1 !important } .lh-xl-11 { line-height: 1.1 !important } .lh-xl-12 { line-height: 1.2 !important } .lh-xl-13 { line-height: 1.3 !important } .lh-xl-14 { line-height: 1.4 !important } } @media (min-width:1440px) { .fw-xxl-light { font-weight: 300 !important } .fw-xxl-normal { font-weight: 400 !important } .fw-xxl-semibold { font-weight: 600 !important } .fw-xxl-bold { font-weight: 700 !important } .fw-xxl-200 { font-weight: 200 !important } .fw-xxl-300 { font-weight: 300 !important } .fw-xxl-400 { font-weight: 400 !important } .fw-xxl-500 { font-weight: 500 !important } .fw-xxl-600 { font-weight: 600 !important } .fw-xxl-700 { font-weight: 700 !important } .fw-xxl-800 { font-weight: 800 !important } .flex-xxl-100 { flex: 1 1 100% !important } .fs-xxl-10 { font-size: .625rem !important } .fs-xxl-12 { font-size: .75rem !important } .fs-xxl-13 { font-size: .8125rem !important } .fs-xxl-14 { font-size: .875rem !important } .fs-xxl-16 { font-size: 1rem !important } .fs-xxl-18 { font-size: 1.125rem !important } .fs-xxl-20 { font-size: 1.25rem !important } .fs-xxl-22 { font-size: 1.375rem !important } .fs-xxl-24 { font-size: 1.5rem !important } .fs-xxl-28 { font-size: 1.75rem !important } .fs-xxl-30 { font-size: 1.875rem !important } .fs-xxl-32 { font-size: 2rem !important } .fs-xxl-34 { font-size: 2.125rem !important } .fs-xxl-36 { font-size: 2.25rem !important } .fs-xxl-40 { font-size: 2.5rem !important } .fs-xxl-42 { font-size: 2.625rem !important } .lh-xxl-1 { line-height: 1 !important } .lh-xxl-11 { line-height: 1.1 !important } .lh-xxl-12 { line-height: 1.2 !important } .lh-xxl-13 { line-height: 1.3 !important } .lh-xxl-14 { line-height: 1.4 !important } } .section-title { font-weight: 300; font-size: 1.875rem; line-height: 1.2 } @media (min-width:1023px) { .section-title { font-size: 2.625rem; line-height: 1.1 } } img { max-width: 100%; height: auto } img.img-rounded { border-radius: .5rem } .self-service-container .container { max-width: 1332px } .container-sm { max-width: 960px } .container-md { max-width: 1112px } @media (min-width:576px) { .container, .container-lg, .container-sm { max-width: 540px } } @media (min-width:768px) { .container, .container-lg, .container-md, .container-sm { max-width: 720px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width:1200px) { .container, .container-lg { max-width: 1332px } } @media (min-width:1200px) and (max-width:1400px) { .container, .container-lg { max-width: 1112px } } @media (max-width:1439.98px) { footer .container, footer .container-lg, header .container, header .container-lg { max-width: 1332px } } .wrapper-body { display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh } .wrapper-body__head { flex: 1 } .site-main { min-height: 50vh } .article-body { margin-top: -6.25rem; margin-bottom: 1.5rem; padding: 1.5rem; background-color: #fff; border-radius: .5rem } @media (min-width:576px) { .article-body { margin-bottom: 1.875rem } } .row-xs { margin-right: -.125rem; margin-left: -.125rem } .row-xs>[class*=col] { padding-left: .125rem; padding-right: .125rem } .row-sm { margin-right: -.5rem; margin-left: -.5rem } .row-sm>[class*=col] { padding-left: .5rem; padding-right: .5rem } .row-md { margin-right: -.625rem; margin-left: -.625rem } .row-md .swiper-wrapper>[class*=col], .row-md>[class*=col] { padding-left: .625rem; padding-right: .625rem } .block-center { max-width: 100%; margin-left: auto; margin-right: auto } .pr-35 { padding-right: 1.25rem } @media (min-width:576px) { .pr-sm-35 { padding-right: 1.25rem !important } } @media (min-width:768px) { .pr-md-35 { padding-right: 1.25rem !important } } @media (min-width:992px) { .pr-lg-35 { padding-right: 1.25rem !important } } @media (min-width:1200px) { .pr-xl { padding-right: 1.25rem !important } } .pl-35 { padding-left: 1.25rem } @media (min-width:576px) { .pl-sm-35 { padding-left: 1.25rem !important } } @media (min-width:768px) { .pl-md-35 { padding-left: 1.25rem !important } } @media (min-width:992px) { .pl-lg-35 { padding-left: 1.25rem !important } } @media (min-width:1200px) { .pl-xl { padding-left: 1.25rem !important } } .pt-35 { padding-top: 1.25rem } @media (min-width:576px) { .pt-sm-35 { padding-top: 1.25rem !important } } @media (min-width:768px) { .pt-md-35 { padding-top: 1.25rem !important } } @media (min-width:992px) { .pt-lg-35 { padding-top: 1.25rem !important } } @media (min-width:1200px) { .pt-xl { padding-top: 1.25rem !important } } .pb-35 { padding-bottom: 1.25rem } @media (min-width:576px) { .pb-sm-35 { padding-bottom: 1.25rem !important } } @media (min-width:768px) { .pb-md-35 { padding-bottom: 1.25rem !important } } @media (min-width:992px) { .pb-lg-35 { padding-bottom: 1.25rem !important } } @media (min-width:1200px) { .pb-xl { padding-bottom: 1.25rem !important } } .pt-8 { padding-top: 4rem !important } @media (min-width:576px) { .pt-8-sm { padding-top: 4rem !important } } @media (min-width:768px) { .pt-8-md { padding-top: 4rem !important } } @media (min-width:992px) { .pt-8-lg { padding-top: 4rem !important } } @media (min-width:1200px) { .pt-8-xl { padding-top: 4rem !important } } .pt-5r { padding-top: 5rem !important } .pb-8 { padding-bottom: 4rem !important } @media (min-width:576px) { .pb-8-sm { padding-bottom: 4rem !important } } @media (min-width:768px) { .pb-8-md { padding-bottom: 4rem !important } } @media (min-width:992px) { .pb-8-lg { padding-bottom: 4rem !important } } @media (min-width:1200px) { .pb-8-xl { padding-bottom: 4rem !important } } .py-8 { padding-bottom: 4rem !important; padding-top: 4rem !important } @media (min-width:576px) { .py-8-sm { padding-bottom: 4rem !important; padding-top: 4rem !important } } @media (min-width:768px) { .py-8-md { padding-bottom: 4rem !important; padding-top: 4rem !important } } @media (min-width:992px) { .py-8-lg { padding-bottom: 4rem !important; padding-top: 4rem !important } } @media (min-width:1200px) { .py-8-xl { padding-bottom: 4rem !important; padding-top: 4rem !important } } .mt-8 { margin-top: 4rem !important } @media (min-width:576px) { .mt-8-sm { margin-top: 4rem !important } } @media (min-width:768px) { .mt-8-md { margin-top: 4rem !important } } @media (min-width:992px) { .mt-8-lg { margin-top: 4rem !important } } @media (min-width:1200px) { .mt-8-xl { margin-top: 4rem !important } } .mb-8 { margin-bottom: 4rem !important } @media (min-width:576px) { .mb-8-sm { margin-bottom: 4rem !important } } @media (min-width:768px) { .mb-8-md { margin-bottom: 4rem !important } } @media (min-width:992px) { .mb-8-lg { margin-bottom: 4rem !important } } @media (min-width:1200px) { .mb-8-xl { margin-bottom: 4rem !important } } .border-rounded { border-radius: 2rem !important } @media (min-width:576px) { .text--top .banner-slider__inner, .text--top .ccbenefits { justify-content: flex-start } .text--middle .banner-slider__inner, .text--middle .ccbenefits { justify-content: center } .text--middle .col-lg-8:has(.ccbenefits) { display: flex } .text--bottom .banner-slider__inner, .text--bottom .ccbenefits { justify-content: flex-end } .text--center .banner-slider__inner, .text--center .ccbenefits { justify-content: center !important; text-align: center } .text--center .ccbenefits__title { margin-left: auto; margin-right: auto } .text--top-center .banner-slider__inner, .text--top-center .ccbenefits { justify-content: flex-start; text-align: center } .text--top-center .ccbenefits__body { margin: 0 auto } .text--top-center .ccbenefits__title { margin-left: auto; margin-right: auto; max-width: 100% } .text--bottom-center .banner-slider__inner, .text--bottom-center .ccbenefits { justify-content: flex-end; text-align: center } .text--bottom-center .ccbenefits__body { margin: 0 auto } .text--bottom-center .ccbenefits__title { margin-left: auto; margin-right: auto; max-width: 100% } .text--top-right .banner-slider__inner, .text--top-right .ccbenefits { justify-content: flex-start; text-align: right } .text--top-right .ccbenefits__title { margin-left: auto } .text--bottom-right .banner-slider__inner, .text--bottom-right .ccbenefits { justify-content: flex-end; text-align: right } .text--bottom-right .ccbenefits__title { margin-left: auto } .text--middle-right .banner-slider__inner, .text--middle-right .ccbenefits { justify-content: center; text-align: right } .text--middle-right .ccbenefits__title { margin-left: auto } .left--shadow .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(270deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .9))) !important } .left--shadow--white .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(270deg, rgba(51, 51, 51, 0) 30%, hsla(0, 0%, 100%, .88) 60%)) !important } .right--shadow .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(90deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .9))) !important } .right--shadow--white .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(90deg, rgba(51, 51, 51, 0) 30%, hsla(0, 0%, 100%, .88) 60%)) !important } .bottom--shadow .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(180deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .88) 80%)) !important } .bottom--shadow--white .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(180deg, rgba(51, 51, 51, 0) 30%, hsla(0, 0%, 100%, .88) 60%)) !important } .top--shadow .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(1turn, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .88))) !important } .top--shadow--white .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(1turn, rgba(51, 51, 51, 0) 30%, hsla(0, 0%, 100%, .88) 60%)) !important } .default--shadow picture:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .default--shadow .picture-overlay:after, .default--shadow picture:after { background: var(--overlay-bg, rgba(0, 0, 0, .5)); background-image: none !important } .default--shadow--white .picture-overlay:after { background: var(--overlay-bg, hsla(0, 0%, 100%, .6)) !important; background-image: none !important } } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .hover-up { transition: all .3s } .hover-up:hover { transform: translateY(-.625rem) } .va-middle { vertical-align: middle } @media (max-width:991.98px) { .careers-eligibility .ccbenefits { min-height: 25.05rem !important } } .object-fit-cover { object-fit: cover } .light-warning-label { background: #fbd8a1; border-radius: 20px; padding: 2px 10px } .dropdown i.icon-chevron-down { position: relative; top: .1rem } .highlight-blue { width: 100%; height: 100% } @media only screen and (max-width:767px) { .highlight-blue { filter: invert(76%) sepia(122%) saturate(471%) hue-rotate(190deg) brightness(85%) contrast(161%) } } .g-recaptcha .grecaptcha-badge { z-index: 999 } .component-grid { display: block; margin-left: -.625rem; margin-right: -.625rem; margin-bottom: 1.875rem; overflow: hidden } .component-grid .support-card { margin-bottom: 0 } .component-grid.component-grid-1 .component-grid__item, .component-grid.component-grid-1 .component-grid__sizer { width: 100% } .component-grid.component-grid-2 .component-grid__item, .component-grid.component-grid-2 .component-grid__sizer { width: 50% } .component-grid.component-grid-3 .component-grid__item, .component-grid.component-grid-3 .component-grid__sizer { width: 33.3% } .component-grid.component-grid-4 .component-grid__item, .component-grid.component-grid-4 .component-grid__sizer { width: 25% } .component-grid.component-grid-5 .component-grid__item, .component-grid.component-grid-5 .component-grid__sizer { width: 20% } .component-grid__item, .component-grid__sizer { width: 50% } @media (min-width:992px) { .component-grid__item, .component-grid__sizer { width: 33.33% } } @media (min-width:1200px) { .component-grid__item, .component-grid__sizer { width: 25% } } .component-grid__item { padding: 0 .625rem 1.25rem } .mega-search { background-color: #fff; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; opacity: 0; visibility: hidden; transition: all .3s } .mega-search.active, .mega-search.open .mega-search__overlay { opacity: 1; visibility: visible } .mega-search.open .mega-search__autocomplete { opacity: 1; visibility: visible; transform: translateY(0) } .mega-search.open .mega-search__inputBar { border-radius: .5rem .5rem 0 0; border: 1px } .mega-search__overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); z-index: 99; opacity: 0; visibility: hidden; transition: all .3s } .mega-search__inputBar { flex-grow: 4; border-bottom: 2px solid #d4d4d4; position: relative; background-color: #fff; z-index: 999 } .mega-search__inputBar button { background-color: transparent; border: none; font-size: 1.4rem; color: #072447; position: relative; z-index: 999 } .mega-search__inputBar .form-group { margin: 0; flex: 1; position: relative; z-index: 999 } .mega-search__inputBar .form-group input[type=text] { border-radius: 0; font-size: 1.5rem; font-weight: 400; color: #596e98; background-color: #fff } .mega-search__autocomplete { padding: 1rem 0; z-index: 99; position: absolute; top: calc(4rem - 2px); left: 0; width: 100%; background-color: #fff; border-radius: 0 0 .5rem .5rem; transform: translateY(30px); opacity: 0; visibility: hidden; transition: all .3s } .mega-search__autocomplete ul { margin-bottom: 0; padding: 0 } .mega-search__autocomplete ul li { list-style: none; padding: .5rem 4rem } .mega-search__autocomplete ul li:hover { background-color: #ededed } .mega-search__autocomplete ul li a { font-size: 1rem } .mega-search__body { padding: 2rem 0 } .mega-search__body .title { font-size: 1rem; color: #757575; font-weight: 400 } .mega-search__saved { border-left: 1px solid #ccc; height: 100%; padding: 0 1rem } .mega-search__saved a { display: block; padding: .8rem .5rem; border-bottom: 1px dashed #ccc } .mega-search__saved a span { margin: 0 .3rem } .mega-search__products--box { display: flex; margin-bottom: 1.4rem } .mega-search__products--box figure { max-width: 4.375rem; min-width: 4.375rem; max-height: 3.75rem; border-radius: .5rem; overflow: hidden; margin: 0 } .mega-search__products--box figure img { object-fit: cover; max-width: 100%; height: 4rem; width: 100% } .mega-search__products--box .content { margin: 0 1rem } .mega-search__products--box .content p { font-size: 1rem; margin-bottom: .3rem; font-weight: 600 } .mega-search__products--box .content span { font-size: .7rem; line-height: 1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden } .mega-search .search-bar__others>a, .mega-search .search-bar__suggestions-item>a { background-color: #ecf2f6 } @media (min-width:576px) { .mega-search .search-bar__suggestions-item { max-width: 14.25rem } } .mega-search .tabs-responsive .tabs { flex-direction: column; align-items: flex-start } .mega-search .tabs--pillsTabs .nav-item { margin: 0 0 .5rem } .mega-search .tabs--pillsTabs .tab-item__link { font-size: .8rem; background-color: #072447; color: #fff } .mega-search__v2 { overflow: auto; padding-top: 2rem } .mega-search__v2 .mega-search__inputBar { border: 1px solid #d4d4d4; margin: 0 auto; padding: 0 1rem } .mega-search__v2 .mega-search__inputBar .form-group input[type=text] { font-size: 1.3rem } .mega-search__v2 .mega-search__body { padding-top: 3rem } .mega-search__v2 .block { margin-bottom: 3rem } .mega-search__v2 .mega-search__products { display: flex; flex-direction: row } .mega-search__v2 .mega-search__products .mega-search__products--box { margin: 0 } .mega-search__v2 .mega-search__products .mega-search__products--box .content { margin: 0; padding-left: 1rem } .mega-search__v2 .mega-search__products .mega-search__products--box .content p { font-size: .9rem } .mega-search__v2 .contentCategory__block .mega-search__products--box { border: 1px solid #ededed; border-radius: .3rem; height: auto } .mega-search__v2 .contentCategory__block .mega-search__products--box .content { padding: .5rem 1rem } .mega-search__v2 .contentCategory__block .mega-search__products--box .content p { font-size: .8rem; color: #072447; margin: 0 } .mega-search__v2 .sagmentCategory__block .mega-search__products--box { border: 1px solid #ededed; border-radius: .3rem; align-items: stretch; height: auto } .mega-search__v2 .sagmentCategory__block .mega-search__products--box figure { background-color: #ecf2f6; border-radius: 0; min-height: 3rem; min-width: 3rem; display: flex; align-items: center; justify-content: center; color: #072447; font-size: 1.2rem; max-height: none } .mega-search__v2 .sagmentCategory__block .mega-search__products--box .content { padding: .5rem 1rem; flex: 1; display: flex; flex-direction: column; justify-content: center } .mega-search__v2 .title { position: relative } .mega-search__v2 .title span { background-color: #fff; color: #000; padding: .5rem .8rem .5rem 0; font-weight: 600; position: relative; z-index: 9 } .mega-search__v2 .title:after { content: ""; background-color: #2765ff; height: 1px; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0 } .mega-search__v2 .tabs-responsive .tabs { flex-direction: row } .mega-search__v2 .tabs-responsive .tabs .nav-item { margin: 0 0 .5rem .4rem } .mega-search__v2 .tabs-responsive .tabs .nav-item:first-child { margin-left: 0 } .mega-search__v2 .tabs-responsive .tabs .nav-item .tab-item__link { background-color: transparent; color: #072447; border-color: #072447; border-radius: .313rem } .mega-search__v2 .tabs-responsive .tabs .nav-item .tab-item__link:hover { background-color: #072447; color: #fff } @media (max-width:991.98px) { .mega-search__v2 .mega-search__body { padding-top: 2rem } .mega-search__v2 .block { margin-bottom: 2rem } .mega-search__v2 .title span { font-size: .8rem } .mega-search__v2 .mega-search__inputBar .form-group input[type=text] { font-size: 1rem; padding: 1rem .65rem } .mega-search__v2 .mega-search__inputBar button { font-size: 1rem } .mega-search__v2 .tabs-responsive .tabs { margin-left: -.3rem } .mega-search__v2 .tabs-responsive .tabs .nav-item:first-child { margin-left: .4rem } .mega-search__v2 .tabs-responsive .tabs .nav-item .tab-item__link { padding: .275rem .6rem } .mega-search__v2 .mega-search__products .mega-search__products--box { flex-direction: column } .mega-search__v2 .mega-search__products .mega-search__products--box figure { margin-bottom: .5rem } .mega-search__v2 .mega-search__products .mega-search__products--box .content { padding: 0 } .mega-search__v2 .mega-search__products .mega-search__products--box .content p { font-size: .8rem } .mega-search__v2 .sagmentCategory__block .mega-search__products--box .content { padding: 0 .6rem .6rem !important } .mega-search__v2 .sagmentCategory__block .mega-search__products--box figure { margin: .5rem; border-radius: .3rem; max-width: 3.375rem } .mega-search__v2 .contentCategory__block .mega-search__products--box .content { padding: .6rem } } @-webkit-keyframes rotate-infinite { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes rotate-infinite { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .loader-spin { display: inline-block; border-radius: 50%; height: 50px; width: 50px; box-shadow: 1px 1px 0 1px #ffc72c; -webkit-animation: rotate-infinite 1s linear infinite; animation: rotate-infinite 1s linear infinite; margin: 0 auto } .progresser-loader { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; display: none; text-align: center; background-color: #fff; z-index: 99991 } .progresser-loader__wrapper { display: inline-block; width: 100%; height: 100%; display: flex; flex-direction: column; align-content: center; justify-content: center; text-align: center } .progresser-loader__logo { width: 50%; max-width: 200px; max-height: 85px; margin: 0 auto 1.5rem } .progresser-loader__text { display: flex; align-items: center; font-size: 22px; font-weight: 600; margin-bottom: .75rem } .progresser-loader__text-list { list-style: none; padding: 0; display: block; width: 100%; margin: 0 0 .75rem } .progresser-loader__text-list--item { display: none } .progresser-loader__progresser { width: 350px; height: auto; margin: .5rem auto 0 } .progresser-loader__progresser-bar { width: 100%; height: 1rem; border-radius: .5rem; overflow: hidden; background-color: #072447 } .progresser-loader__progresser-bar--item { width: 100px; height: 1rem; margin: 0 0 0 -2rem; border-radius: .5rem; background-color: #2765ff; animation: progresser 1.5s cubic-bezier(.76, 0, .24, 1) infinite } @keyframes progresser { 0% { transform: translateX(0) } 50% { transform: translateX(300px) } to { transform: translateX(0) } } @keyframes fade { 0% { fill-opacity: 0 } to { fill-opacity: 1 } } .table, table { display: table !important } .mx-36-px { max-width: 36px } @media screen and (min-width:992px) and (max-width:1440px) { html { font-size: 90% !important } } #site_header.navbar-transparent, #site_header.navbar-transparent .navbar { background-color: transparent } #site_header.navbar-transparent.sticky { background-color: #072447 } #site_header.navbar-transparent .navbar__content, #site_header.navbar-transparent .navbar__inner { min-height: 5rem } #site_header.navbar-transparent .btn-secondary { color: #072447 !important } .custom-tabs .tabs-responsive { border-bottom: 0 } .custom-tabs .tabs--secondary .tab-item__link { border-bottom: 0; color: #fff; background-color: #818181; padding: .375rem 1rem; border-radius: 1rem; margin-right: 1rem; font-weight: 600 } .custom-tabs .tabs--secondary .tab-item__link.active { border-bottom: 0; color: #fff; background-color: #072447; padding: .375rem 1rem; border-radius: 1rem } .custom-tabs .tab-item { margin-bottom: 1rem } @media screen and (max-width:768px) { .custom-tabs .tab-item { width: 50% } } @media screen and (max-width:580px) { .custom-tabs .tab-item { width: 100% } } .hide-after:after, .hide-before:before { content: inherit !important } .card-list-swiper .swiper-button-next, .card-list-swiper .swiper-button-prev { color: hsla(0, 0%, 100%, .8) } .site-breadcrumb .breadcrumb--white { color: #072447 !important } .site-breadcrumb--white .breadcrumb--white { color: #fff !important } .site-breadcrumb .breadcrumb__container:before { display: none } @media (max-width:991.98px) { .site-breadcrumb .breadcrumb__container { position: relative; background-color: #fff; padding-top: 1rem; padding-bottom: 1rem } } @media (max-width:991.98px) { .swiper[data-grid="4-2"] .swiper-container { padding-bottom: 4rem } } .select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below { border: 1px solid hsla(0, 0%, 83.1%, .5) } .w-break { word-break: break-word } .custom-swiper { position: relative; overflow: hidden; padding-bottom: 1rem } .custom-swiper .swiper-pagination { bottom: 0 } .text-danger-100 { color: #c0003b !important } .text-error { color: #d22323 !important } .bg-magnolia { background-color: #faf0ff !important } .bg-floral-white { background-color: #fffcf3 !important } .bg-mint-white { background-color: #f8fdff !important } .bg-mint-white-100 { background-color: #fafff9 !important } .bg-mint-white-200 { background-color: #fafaff !important } .bg-pink-white { background-color: #fff9fb !important } .bg-white-lilac { background-color: #faf8ff !important } .bg-floral-white-100 { background-color: #fff8f1 !important } .bg-light-white { background-color: #fafafa !important } .bg-darker-blue { background-color: #121123 } .banner-btn-group { flex-wrap: wrap } @media (max-width:767.98px) { .banner-btn-group .link-arrow { color: #072447 !important } } .primary-round { background-color: #072447; border-radius: 50%; color: #fff; text-align: center; padding: .75rem } .info-popover, .primary-round { display: inline-block } .info-popover.floating { position: absolute; right: -30px; top: 15px } html[dir=rtl] .popover { direction: rtl; right: -20px !important; left: auto !important } html[dir=rtl] .bs-popover-auto[x-placement^=left]>.arrow { left: calc(-.5rem - 1px) !important; transform: rotate(180deg) !important; right: auto } html[dir=rtl] .deals-widget .deal-detail p a { direction: rtl } .lb-cancel { background: url(../../../assets/enbd/images/loading.gif) no-repeat } .lb-nav a.lb-next { background: url(../../../assets/enbd/images/next.png) right 48% no-repeat } .lb-nav a.lb-prev { background: url(../../../assets/enbd/images/prev.png) left 48% no-repeat } .lb-data .lb-close { background: url(../../../assets/enbd/images/close.png) 100% 0 no-repeat } body.overflow-hidden .uwy { display: none !important } .separator { text-align: center; position: relative; margin: 20px 0 } .separator:before { content: ""; background: #eef2f8; height: 1px; width: 100%; display: block; position: absolute; left: 0; top: 10px } .separator span { background: #fff; position: relative; padding: 0 10px; font-size: 14px } .iban-success { display: none } .tab-content .requirements.bg-primary-lightest { background-color: transparent !important } .subscription-msg #lead-form-successtitle { margin: 1rem 0 } .subscription-msg p { color: #153072; font-size: 1.375rem } .font-ar { font-family: Tajawal } [dir=rtl] .font-ar { font-family: Open Sans, sans-serif } .section--bg-blue { background: #2c2f7e !important } .section--bg-blue.heading-block>.container>div>h2 { color: #fff } .section--bg-blue .row-sm>[class*=col] { margin-bottom: 1rem !important } .section--bg-blue .card--image .card__text { color: #757575 } .section--bg-blue div, .section--bg-blue h2, .section--bg-blue p { color: #fff } .section--bg-blue .block-grid__title, .section--bg-blue .typo--primary :not(.btn) { color: #fff !important } .section--bg-blue .block-grid__icon-picture>img { filter: brightness(0) invert(1) } .section--bg-blue.card-icon-list__bottomlink .row+div a, .section--bg-blue .section__side-content, .section--bg-blue .section__side-content a, .section--bg-blue .section__side-content p { color: #fff } .section--bg-blue .btn-primary { background: #fff !important; color: #072447 !important } .section--bg-blue.heading-block>.container-lg>div>h4 { color: #fff !important } .section--bg-blue .card--cib .card__text, .section--bg-blue .card--image .card__title { color: #000 !important; margin-bottom: .5rem } .section--bg-blue.heading-block>.container>div>h4 { color: #fff !important } .section--bg-blue .card--image-full-width .card__title, .section--bg-blue .profile-card .p_designation, .section--bg-blue .profile-card .p_name { color: #757575 !important } .section--bg-blue .profile-card .p_content { background: #fff; border-radius: 0 0 .5rem .5rem } .section--bg-black { background: #1a1a28 !important } .section--bg-black.heading-block>.container>div>h2 { color: #fff } .section--bg-black .row-sm>[class*=col] { margin-bottom: 1rem !important } .section--bg-black .card--image .card__text { color: #757575 } .section--bg-black div, .section--bg-black h2, .section--bg-black p { color: #fff } .section--bg-black .typo--primary :not(.btn) { color: #fff !important } .section--bg-black .block-grid__icon-picture>img { filter: brightness(0) invert(1) } .section--bg-black.card-icon-list__bottomlink .row+div a, .section--bg-black .section__side-content, .section--bg-black .section__side-content a, .section--bg-black .section__side-content p { color: #fff } .section--bg-black.heading-block>.container-lg>div>h4 { color: #fff !important } .section--bg-black .card--cib .card__text, .section--bg-black .card--image .card__title { color: #000 !important; margin-bottom: .5rem } .section--bg-black.heading-block>.container>div>h4 { color: #fff !important } .section--bg-black .card--image-full-width .card__title, .section--bg-black .profile-card .p_designation, .section--bg-black .profile-card .p_name { color: #757575 !important } .section--bg-black .profile-card .p_content { background: #fff; border-radius: 0 0 .5rem .5rem } .footer-top__row .footer-top__col>.d-flex { align-items: baseline } .footer-top__row .icon-angle-down { display: none } html[dir=rtl] .news-detail__date { display: flex } html[dir=rtl] .news-detail__date span { margin-right: 4px } html[dir=rtl] .icon-angle-right:before { content: "" } html[dir=rtl] .icon-angle-left:before { content: "" } html[dir=rtl] .icon-chevron-right:before { content: "" } html[dir=rtl] .icon-chevron-left:before { content: "" } .icon-alert-info { background-image: url(https://www.emiratesnbd.com/assets/enbd/svg/alert.svg); width: 2rem; height: 2rem; background-size: cover } .icon-width-2 { width: 2rem } .btn-link { font-weight: 600 } .va-middle { vertical-align: middle !important } .text-underline { text-decoration: underline } .text-lightgray { color: #b4b7bb !important } .fs-48 { font-size: 3rem !important } .bg-primary-lighter { background-color: #eef2f8 } .bg-primary-lightest { background-color: #f8fafc !important } .line-unclamp { -webkit-line-clamp: unset !important } .bottom-unset { bottom: unset !important } .animation-placeholder-shimmer { animation-duration: 1.25s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f6f6; background: linear-gradient(90deg, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%); background-size: 800px 104px; height: 96px; position: relative } .rounded-corner { border-radius: .438rem } .border-bottom__blue { border-bottom: .1875rem solid #072447 } @media only screen and (min-width:992px) { .border-lg-left { border-left: 1px solid #d4d4d4 } .border-lg-dark { border-color: #333 !important } } @media screen and (min-width:1024px) { .wf-100 { flex: 0 0 100% !important } .wf-100, .wf-100 .col { max-width: 100% !important } .wf-100 .col { flex-basis: 0 !important; flex-grow: 1 !important } .wf-75 { flex: 0 0 75% !important; max-width: 75% !important } .wf-75 .col { flex-basis: 0 !important; flex-grow: 1 !important; max-width: 100% !important } .wf-50 { flex: 0 0 50% !important; max-width: 50% !important } .wf-50 .col { flex-basis: 0 !important; flex-grow: 1 !important; max-width: 100% !important } .wf-25 { flex: 0 0 25% !important; max-width: 25% !important } .wf-25 .col { flex-basis: 0 !important; flex-grow: 1 !important; max-width: 100% !important } } @media (min-width:992px) { .move-5 { padding-left: 5% !important } .move-10 { padding-left: 10% !important } .move-15 { padding-left: 15% !important } .move-20 { padding-left: 20% !important } .move-25 { padding-left: 25% !important } .move-30 { padding-left: 30% !important } .move-35 { padding-left: 35% !important } .move-40 { padding-left: 40% !important } .move-45 { padding-left: 45% !important } .move-50 { padding-left: 50% !important } .move-55 { padding-left: 55% !important } .move-60 { padding-left: 60% !important } .move-65 { padding-left: 65% !important } .move-70 { padding-left: 70% !important } .move-75 { padding-left: 75% !important } .move-80 { padding-left: 80% !important } .move-85 { padding-left: 85% !important } .move-90 { padding-left: 90% !important } .move-95 { padding-left: 95% !important } .move-100 { padding-left: 100% !important } } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: .75rem 1.25rem; color: inherit } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff } .alert-primary hr { border-top-color: #9fcdff } .alert-primary .alert-link { color: #002752 } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db } .alert-secondary hr { border-top-color: #c8cbcf } .alert-secondary .alert-link { color: #202326 } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb } .alert-success hr { border-top-color: #b1dfbb } .alert-success .alert-link { color: #0b2e13 } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb } .alert-info hr { border-top-color: #abdde5 } .alert-info .alert-link { color: #062c33 } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba } .alert-warning hr { border-top-color: #ffe8a1 } .alert-warning .alert-link { color: #533f03 } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb } .alert-danger hr { border-top-color: #f1b0b7 } .alert-danger .alert-link { color: #491217 } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe } .alert-light hr { border-top-color: #ececf6 } .alert-light .alert-link { color: #686868 } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca } .alert-dark hr { border-top-color: #b9bbbe } .alert-dark .alert-link { color: #040505 } .alert--cs { background-color: #fefbf3; border-color: #fcbf4e; color: #575757 } .alert--cs .icon-warning { color: #e88524; display: inline-block; font-size: 24px; margin-right: .75rem } .mw-110 { max-width: 110px !important } .mw-120 { max-width: 120px !important } .mw-130 { max-width: 130px !important } .mw-140 { max-width: 140px !important } .mw-150 { max-width: 150px !important } .mw-160 { max-width: 160px !important } .mw-170 { max-width: 170px !important } .mw-180 { max-width: 180px !important } .mw-190 { max-width: 190px !important } .mw-200 { max-width: 200px !important } .min-h-auto { height: auto !important } @font-face { font-family: saudi_riyal; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/saudi-riyal/saudi_riyal.woff2) format("woff2"); font-weight: 400; font-style: normal; line-height: normal } @font-face { font-family: sar-symbol; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/saudi-riyal/sar-symbol.eot?ebwrxj); src: url(https://www.emiratesnbd.com/assets/enbd/fonts/saudi-riyal/sar-symbol.eot?ebwrxj#iefix) format("embedded-opentype"), url(https://www.emiratesnbd.com/assets/enbd/fonts/saudi-riyal/sar-symbol.ttf?ebwrxj) format("truetype"), url(https://www.emiratesnbd.com/assets/enbd/fonts/saudi-riyal/sar-symbol.woff?ebwrxj) format("woff"), url(https://www.emiratesnbd.com/assets/enbd/fonts/saudi-riyal/sar-symbol.svg?ebwrxj#sar-symbol) format("svg"); font-weight: 400; font-style: normal; font-display: block } .sar_icon:after { content: "\e900"; font-family: sar-symbol !important; font-size: inherit; color: inherit } @font-face { font-family: UAEDirham; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/dirhamSymbol.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap } .aed_icon:after { content: "\EADF"; font-family: UAEDirham !important; font-size: inherit; color: inherit } @font-face { font-family: Tajawal; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/tajawal/Tajawal-Bold.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/tajawal/Tajawal-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: Tajawal; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/tajawal/Tajawal-Light.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/tajawal/Tajawal-Light.woff) format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: Tajawal; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/tajawal/Tajawal-Regular.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/tajawal/Tajawal-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Tajawal; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/tajawal/Tajawal-Medium.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/tajawal/Tajawal-Medium.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: minerva_modernblack; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/minervamodern/minervamodern_black.woff) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/minervamodern/minervamodern_black.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: minerva-modern; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/minervamodern/MinervaModern-Regular.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/minervamodern/MinervaModern-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: minerva-modern; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/minervamodern/MinervaModern-Bold.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/minervamodern/MinervaModern-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: Plus Jakarta Sans; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/plusjakarta/PlusJakartaSans-Bold.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/plusjakarta/PlusJakartaSans-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: Plus Jakarta Sans; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/plusjakarta/PlusJakartaSans-Light.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/plusjakarta/PlusJakartaSans-Light.woff) format("woff"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: Plus Jakarta Sans; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/plusjakarta/PlusJakartaSans-Medium.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/plusjakarta/PlusJakartaSans-Medium.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: Plus Jakarta Sans; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/plusjakarta/PlusJakartaSans-Regular.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/plusjakarta/PlusJakartaSans-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Plus Jakarta Sans; src: url(https://www.emiratesnbd.com/assets/enbd/fonts/plusjakarta/PlusJakartaSans-SemiBold.woff2) format("woff2"), url(https://www.emiratesnbd.com/assets/enbd/fonts/plusjakarta/PlusJakartaSans-SemiBold.woff) format("woff"); font-weight: 600; font-style: normal; font-display: swap } .pb-banner { display: flex; flex-direction: column; justify-content: center; align-items: center } @media (min-width:768px) { .pb-banner { height: calc(100vh - 126px); max-height: 720px } } .pb-banner--content { position: relative; display: flex; flex-direction: column; padding: 2rem 0 } .pb-banner--title { text-transform: uppercase } @media (min-width:992px) { .pb-banner--info { align-self: flex-end } } .pb-banner--info p { text-transform: uppercase; letter-spacing: 3px; font-size: 1rem } .pb-banner--info span { display: block; font-size: 12px } @media (min-width:992px) { .pb-banner { position: relative } .pb-banner--content { padding: 0 } .pb-banner--title { color: #fff; font-size: 64px; line-height: 1; display: flex; min-width: 100%; flex-direction: column; align-items: center; margin-top: 2rem } .pb-banner--title span { display: block; letter-spacing: 8px } .pb-banner--image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block } .pb-banner--image img { height: 100%; width: 100%; object-fit: cover } .pb-banner--info { margin: 3rem 7rem 0 0; color: #fff; max-width: 360px; position: relative; left: -10% } .pb-banner--info span { display: block } } .two-column-grid--content { color: #fff; display: flex; flex-direction: column; height: 100% } .two-column-grid--content .title { text-transform: uppercase } .two-column-grid--content .info { padding-right: 40%; margin-top: auto } .two-column-grid--gallery .image-title { color: #fff; font-size: 1rem; margin: 1rem 0 0 } .pb-theme body { font-family: var(--font-ibm-plex) } .pb-theme h1, .pb-theme h2, .pb-theme h3, .pb-theme h4, .pb-theme h5, .pb-theme h6 { font-family: minerva-modern, sans-serif !important } .pb-theme div, .pb-theme footer, .pb-theme header, .pb-theme p, .pb-theme span { font-family: var(--font-ibm-plex) } .section-primary { background: #072447 !important } .section-variant-primary { background-color: #072447 !important } .section-variant-primary-100 { background-color: #1d1f48 !important } .section-variant-primary-200 { background-color: #27245c !important } .section-variant-black { background: #000 !important } .section-variant-black-100 { background: #242424 !important } .section-variant-black-100 div, .section-variant-black-100 h2, .section-variant-black-100 p, .section-variant-black div, .section-variant-black h2, .section-variant-black p, .section-variant-primary-100 div, .section-variant-primary-100 h2, .section-variant-primary-100 p, .section-variant-primary-200 div, .section-variant-primary-200 h2, .section-variant-primary-200 p, .section-variant-primary div, .section-variant-primary h2, .section-variant-primary p { color: #fff } .section-variant-black-100 .modal .modal-body *, .section-variant-black .modal .modal-body *, .section-variant-primary-100 .modal .modal-body *, .section-variant-primary-200 .modal .modal-body *, .section-variant-primary .modal .modal-body * { color: #000 } .section-variant-black-100.heading-block>.container>div>h2, .section-variant-black.heading-block>.container>div>h2, .section-variant-primary-100.heading-block>.container>div>h2, .section-variant-primary-200.heading-block>.container>div>h2, .section-variant-primary.heading-block>.container>div>h2 { color: #fff } .section-variant-black-100 .row-sm>[class*=col], .section-variant-black .row-sm>[class*=col], .section-variant-primary-100 .row-sm>[class*=col], .section-variant-primary-200 .row-sm>[class*=col], .section-variant-primary .row-sm>[class*=col] { margin-bottom: 1rem !important } .section-variant-black-100 .card--image .card__text, .section-variant-black .card--image .card__text, .section-variant-primary-100 .card--image .card__text, .section-variant-primary-200 .card--image .card__text, .section-variant-primary .card--image .card__text { color: #757575 } .section-variant-black-100 .block-grid__title, .section-variant-black-100 .section__side-content, .section-variant-black-100 .section__side-content a, .section-variant-black-100 .section__side-content p, .section-variant-black-100 .text-center .link-arrow, .section-variant-black-100 .typo--primary :not(.btn), .section-variant-black-100.heading-block>.container-lg>div>h4, .section-variant-black-100.heading-block>.container>div>h4, .section-variant-black .block-grid__title, .section-variant-black.heading-block>.container-lg>div>h4, .section-variant-black.heading-block>.container>div>h4, .section-variant-black .section__side-content, .section-variant-black .section__side-content a, .section-variant-black .section__side-content p, .section-variant-black .text-center .link-arrow, .section-variant-black .typo--primary :not(.btn), .section-variant-primary-100 .block-grid__title, .section-variant-primary-100 .section__side-content, .section-variant-primary-100 .section__side-content a, .section-variant-primary-100 .section__side-content p, .section-variant-primary-100 .text-center .link-arrow, .section-variant-primary-100 .typo--primary :not(.btn), .section-variant-primary-100.heading-block>.container-lg>div>h4, .section-variant-primary-100.heading-block>.container>div>h4, .section-variant-primary-200 .block-grid__title, .section-variant-primary-200 .section__side-content, .section-variant-primary-200 .section__side-content a, .section-variant-primary-200 .section__side-content p, .section-variant-primary-200 .text-center .link-arrow, .section-variant-primary-200 .typo--primary :not(.btn), .section-variant-primary-200.heading-block>.container-lg>div>h4, .section-variant-primary-200.heading-block>.container>div>h4, .section-variant-primary .block-grid__title, .section-variant-primary.heading-block>.container-lg>div>h4, .section-variant-primary.heading-block>.container>div>h4, .section-variant-primary .section__side-content, .section-variant-primary .section__side-content a, .section-variant-primary .section__side-content p, .section-variant-primary .text-center .link-arrow, .section-variant-primary .typo--primary :not(.btn) { color: #fff !important } .section-variant-black-100 .block-grid__icon-picture>img, .section-variant-black .block-grid__icon-picture>img, .section-variant-primary-100 .block-grid__icon-picture>img, .section-variant-primary-200 .block-grid__icon-picture>img, .section-variant-primary .block-grid__icon-picture>img { filter: brightness(0) invert(1) } .section-variant-black-100.card-icon-list__bottomlink .row+div a, .section-variant-black.card-icon-list__bottomlink .row+div a, .section-variant-primary-100.card-icon-list__bottomlink .row+div a, .section-variant-primary-200.card-icon-list__bottomlink .row+div a, .section-variant-primary.card-icon-list__bottomlink .row+div a { color: #fff } .section-variant-black-100 .btn-primary, .section-variant-black .btn-primary, .section-variant-primary-100 .btn-primary, .section-variant-primary-200 .btn-primary, .section-variant-primary .btn-primary { background: #fff; color: #072447 !important } .section-variant-black-100 .card--cib .card__text, .section-variant-black-100 .card--highlight-block p, .section-variant-black-100 .card--image .card__title, .section-variant-black .card--cib .card__text, .section-variant-black .card--highlight-block p, .section-variant-black .card--image .card__title, .section-variant-primary-100 .card--cib .card__text, .section-variant-primary-100 .card--highlight-block p, .section-variant-primary-100 .card--image .card__title, .section-variant-primary-200 .card--cib .card__text, .section-variant-primary-200 .card--highlight-block p, .section-variant-primary-200 .card--image .card__title, .section-variant-primary .card--cib .card__text, .section-variant-primary .card--highlight-block p, .section-variant-primary .card--image .card__title { color: #000 !important; margin-bottom: .5rem } .section-variant-black-100 .card--highlight-block p, .section-variant-black .card--highlight-block p, .section-variant-primary-100 .card--highlight-block p, .section-variant-primary-200 .card--highlight-block p, .section-variant-primary .card--highlight-block p { color: #000 !important } .section-variant-black-100 .card--image-full-width .card__title, .section-variant-black-100 .profile-card .p_designation, .section-variant-black-100 .profile-card .p_name, .section-variant-black .card--image-full-width .card__title, .section-variant-black .profile-card .p_designation, .section-variant-black .profile-card .p_name, .section-variant-primary-100 .card--image-full-width .card__title, .section-variant-primary-100 .profile-card .p_designation, .section-variant-primary-100 .profile-card .p_name, .section-variant-primary-200 .card--image-full-width .card__title, .section-variant-primary-200 .profile-card .p_designation, .section-variant-primary-200 .profile-card .p_name, .section-variant-primary .card--image-full-width .card__title, .section-variant-primary .profile-card .p_designation, .section-variant-primary .profile-card .p_name { color: #757575 !important } .section-variant-black-100 .profile-card .p_content, .section-variant-black .profile-card .p_content, .section-variant-primary-100 .profile-card .p_content, .section-variant-primary-200 .profile-card .p_content, .section-variant-primary .profile-card .p_content { background: #fff; border-radius: 0 0 .5rem .5rem } .section.bg-white.cardList--blueBg .card.card--image { background-color: #1d1f48 !important } .section.bg-white.cardList--blueBg .card.card--image .card__body { color: #fff } .overlay-picture { position: relative } .overlay-picture:after { content: ""; background-color: rgba(7, 36, 71, .1) } .overlay-picture:after, .picture-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100% } .picture-overlay { display: block } .picture-overlay>img { position: relative; width: 100%; height: 100%; object-fit: cover } .picture-overlay:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: var(--overlay-bg, linear-gradient(180deg, rgba(25, 25, 25, 0), rgba(25, 25, 25, .2))) } .picture-overlay--section:after { background-color: var(--overlay-bg, rgba(25, 25, 25, .5)) } .mb-banner .picture-overlay:after { background: var(--overlay-bg, linear-gradient(180deg, rgba(25, 25, 25, 0), rgba(25, 25, 25, .2))) } .moreLogo { max-width: 9.688rem } @media (max-width:768px) { .mb-banner .card-banner__picture:after { display: block; background: var(--overlay-bg, linear-gradient(180deg, rgba(25, 25, 25, 0), rgba(25, 25, 25, .2))) } } .bg-gradient-10-left .card-banner__picture:after, .bg-gradient-10-left .card-banner__picture:before, .bg-gradient-10-left .ccbenefits .picture-overlay:after, .bg-gradient-10-left .ccbenefits .picture-overlay:before, .bg-gradient-10-left .jumbotron__bg:after, .bg-gradient-10-left .jumbotron__bg:before, .bg-gradient-10-left .picture-overlay:after, .bg-gradient-10-left .picture-overlay:before, .bg-gradient-10-left.section--overlay:after, .bg-gradient-10-left.section--overlay:before { background: var(--overlay-bg, linear-gradient(90deg, rgba(33, 37, 41, .5), rgba(33, 37, 41, 0))); background-color: var(--overlay-bg, linear-gradient(90deg, rgba(33, 37, 41, .5), rgba(33, 37, 41, 0))) } .bg-gradient-10-left:not(:has(.jumbotron__bg, .picture-overlay, .card-banner__picture, .ccbenefits .picture-overlay, .bg-gradient-10-left.section--overlay)):before { background: var(--overlay-bg, linear-gradient(90deg, rgba(33, 37, 41, .5), rgba(33, 37, 41, 0))); content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .bg-gradient-1-right .card-banner__picture:after, .bg-gradient-1-right .card-banner__picture:before, .bg-gradient-1-right .ccbenefits .picture-overlay:after, .bg-gradient-1-right .ccbenefits .picture-overlay:before, .bg-gradient-1-right .jumbotron__bg:after, .bg-gradient-1-right .jumbotron__bg:before, .bg-gradient-1-right .picture-overlay:after, .bg-gradient-1-right .picture-overlay:before, .bg-gradient-1-right.section--overlay:after, .bg-gradient-1-right.section--overlay:before { background: var(--overlay-bg, linear-gradient(270deg, rgba(33, 37, 41, .85), rgba(33, 37, 41, 0))); background-color: var(--overlay-bg, linear-gradient(270deg, rgba(33, 37, 41, .85), rgba(33, 37, 41, 0))) } .bg-gradient-1-right:not(:has(.jumbotron__bg, .picture-overlay, .card-banner__picture, .ccbenefits .picture-overlay, .bg-gradient-10-left.section--overlay)):before { background: var(--overlay-bg, linear-gradient(270deg, rgba(33, 37, 41, .85), rgba(33, 37, 41, 0))); content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .bg-gradient--49-right .card-banner__picture:after, .bg-gradient--49-right .card-banner__picture:before, .bg-gradient--49-right .ccbenefits .picture-overlay:after, .bg-gradient--49-right .ccbenefits .picture-overlay:before, .bg-gradient--49-right .jumbotron__bg:after, .bg-gradient--49-right .jumbotron__bg:before, .bg-gradient--49-right .picture-overlay:after, .bg-gradient--49-right .picture-overlay:before, .bg-gradient--49-right.section--overlay:after, .bg-gradient--49-right.section--overlay:before { background: var(--overlay-bg, linear-gradient(270deg, rgba(33, 37, 41, .68) 50%, rgba(33, 37, 41, 0))); background-color: var(--overlay-bg, linear-gradient(270deg, rgba(33, 37, 41, .68) 50%, rgba(33, 37, 41, 0))) } .bg-gradient--49-right:not(:has(.jumbotron__bg, .picture-overlay, .card-banner__picture, .ccbenefits .picture-overlay, .bg-gradient-10-left.section--overlay)):before { background: var(--overlay-bg, linear-gradient(270deg, rgba(33, 37, 41, .68) 50%, rgba(33, 37, 41, 0))); content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .bg-gradient-1-top .card-banner__picture:after, .bg-gradient-1-top .card-banner__picture:before, .bg-gradient-1-top .ccbenefits .picture-overlay:after, .bg-gradient-1-top .ccbenefits .picture-overlay:before, .bg-gradient-1-top .jumbotron__bg:after, .bg-gradient-1-top .jumbotron__bg:before, .bg-gradient-1-top .picture-overlay:after, .bg-gradient-1-top .picture-overlay:before, .bg-gradient-1-top.section--overlay:after, .bg-gradient-1-top.section--overlay:before { background: var(--overlay-bg, linear-gradient(180deg, rgba(33, 37, 41, .7), rgba(33, 37, 41, 0))); background-color: var(--overlay-bg, linear-gradient(180deg, rgba(33, 37, 41, .7), rgba(33, 37, 41, 0))) } .bg-gradient-1-top:not(:has(.jumbotron__bg, .picture-overlay, .card-banner__picture, .ccbenefits .picture-overlay, .bg-gradient-10-left.section--overlay)):before { background: var(--overlay-bg, linear-gradient(180deg, rgba(33, 37, 41, .7), rgba(33, 37, 41, 0))); content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .bg-gradient-1-bottom .card-banner__picture:after, .bg-gradient-1-bottom .card-banner__picture:before, .bg-gradient-1-bottom .ccbenefits .picture-overlay:after, .bg-gradient-1-bottom .ccbenefits .picture-overlay:before, .bg-gradient-1-bottom .jumbotron__bg:after, .bg-gradient-1-bottom .jumbotron__bg:before, .bg-gradient-1-bottom .picture-overlay:after, .bg-gradient-1-bottom .picture-overlay:before, .bg-gradient-1-bottom.section--overlay:after, .bg-gradient-1-bottom.section--overlay:before { background: var(--overlay-bg, linear-gradient(1turn, rgba(33, 37, 41, .7), rgba(33, 37, 41, 0))); background-color: var(--overlay-bg, linear-gradient(1turn, rgba(33, 37, 41, .7), rgba(33, 37, 41, 0))) } .bg-gradient-1-bottom:not(:has(.jumbotron__bg, .picture-overlay, .card-banner__picture, .ccbenefits .picture-overlay, .bg-gradient-10-left.section--overlay)):before { background: var(--overlay-bg, linear-gradient(1turn, rgba(33, 37, 41, .7), rgba(33, 37, 41, 0))); content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .bg-gradient-2-right .card-banner__picture:after, .bg-gradient-2-right .card-banner__picture:before, .bg-gradient-2-right .ccbenefits .picture-overlay:after, .bg-gradient-2-right .ccbenefits .picture-overlay:before, .bg-gradient-2-right .jumbotron__bg:after, .bg-gradient-2-right .jumbotron__bg:before, .bg-gradient-2-right .picture-overlay:after, .bg-gradient-2-right .picture-overlay:before, .bg-gradient-2-right.section--overlay:after, .bg-gradient-2-right.section--overlay:before { background: var(--overlay-bg, linear-gradient(90deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))); background-color: var(--overlay-bg, linear-gradient(90deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))) } .bg-gradient-2-right:not(:has(.jumbotron__bg, .picture-overlay, .card-banner__picture, .ccbenefits .picture-overlay, .bg-gradient-10-left.section--overlay)):before { background: var(--overlay-bg, linear-gradient(90deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))); content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .bg-gradient-2-left .card-banner__picture:after, .bg-gradient-2-left .card-banner__picture:before, .bg-gradient-2-left .ccbenefits .picture-overlay:after, .bg-gradient-2-left .ccbenefits .picture-overlay:before, .bg-gradient-2-left .jumbotron__bg:after, .bg-gradient-2-left .jumbotron__bg:before, .bg-gradient-2-left .picture-overlay:after, .bg-gradient-2-left .picture-overlay:before, .bg-gradient-2-left.section--overlay:after, .bg-gradient-2-left.section--overlay:before { background: var(--overlay-bg, linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))); background-color: var(--overlay-bg, linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))) } .bg-gradient-2-left:not(:has(.jumbotron__bg, .picture-overlay, .card-banner__picture, .ccbenefits .picture-overlay, .bg-gradient-10-left.section--overlay)):before { background: var(--overlay-bg, linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))); content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .bg-gradient-2-top .card-banner__picture:after, .bg-gradient-2-top .card-banner__picture:before, .bg-gradient-2-top .ccbenefits .picture-overlay:after, .bg-gradient-2-top .ccbenefits .picture-overlay:before, .bg-gradient-2-top .jumbotron__bg:after, .bg-gradient-2-top .jumbotron__bg:before, .bg-gradient-2-top .picture-overlay:after, .bg-gradient-2-top .picture-overlay:before, .bg-gradient-2-top.section--overlay:after, .bg-gradient-2-top.section--overlay:before { background: var(--overlay-bg, linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))); background-color: var(--overlay-bg, linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))) } .bg-gradient-2-top:not(:has(.jumbotron__bg, .picture-overlay, .card-banner__picture, .ccbenefits .picture-overlay, .bg-gradient-10-left.section--overlay)):before { background: var(--overlay-bg, linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))); content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .bg-gradient-2-bottom .card-banner__picture:after, .bg-gradient-2-bottom .card-banner__picture:before, .bg-gradient-2-bottom .ccbenefits .picture-overlay:after, .bg-gradient-2-bottom .ccbenefits .picture-overlay:before, .bg-gradient-2-bottom .jumbotron__bg:after, .bg-gradient-2-bottom .jumbotron__bg:before, .bg-gradient-2-bottom .picture-overlay:after, .bg-gradient-2-bottom .picture-overlay:before, .bg-gradient-2-bottom.section--overlay:after, .bg-gradient-2-bottom.section--overlay:before { background: var(--overlay-bg, linear-gradient(1turn, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))); background-color: var(--overlay-bg, linear-gradient(1turn, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))) } .bg-gradient-2-bottom:not(:has(.jumbotron__bg, .picture-overlay, .card-banner__picture, .ccbenefits .picture-overlay, .bg-gradient-10-left.section--overlay)):before { background: var(--overlay-bg, linear-gradient(1turn, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 0))); content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .img-50 { width: 4.125rem } table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-v2 .table { margin: 0 } .table-v2 .table td, .table-v2 .table th { border: none; font-size: 1rem } .table-v2 .table th { text-align: center; background-color: #072447; color: #fff } .table-v2 .table td { background-color: #fff; border-top: 1px solid #eef2f8; vertical-align: middle } .table-v2 .btn--sm, .table-v2 .btn-sm { font-size: .775rem; border-radius: .5rem } .btn--primary { color: #fff; background-color: #072447; border-color: #072447 } .btn--primary.focus, .btn--primary:focus, .btn--primary:hover { color: #fff; background-color: #0a366a; border-color: #0a366a } .btn--primary.focus, .btn--primary:focus { box-shadow: 0 0 0 .2rem rgba(44, 69, 99, .5) } .btn--primary.disabled, .btn--primary:disabled { color: #fff; background-color: #072447; border-color: #072447 } .btn--primary:not(:disabled):not(.disabled).active, .btn--primary:not(:disabled):not(.disabled):active, .show>.btn--primary.dropdown-toggle { color: #fff; background-color: #0c3c75; border-color: #0c3c75 } .btn--primary:not(:disabled):not(.disabled).active:focus, .btn--primary:not(:disabled):not(.disabled):active:focus, .show>.btn--primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(44, 69, 99, .5) } .btn--secondary { color: #fff; background-color: #2765ff; border-color: #2765ff } .btn--secondary.focus, .btn--secondary:focus, .btn--secondary:hover { color: #fff; background-color: #4d80ff; border-color: #4d80ff } .btn--secondary.focus, .btn--secondary:focus { box-shadow: 0 0 0 .2rem rgba(71, 124, 255, .5) } .btn--secondary.disabled, .btn--secondary:disabled { color: #fff; background-color: #2765ff; border-color: #2765ff } .btn--secondary:not(:disabled):not(.disabled).active, .btn--secondary:not(:disabled):not(.disabled):active, .show>.btn--secondary.dropdown-toggle { color: #fff; background-color: #5a89ff; border-color: #5a89ff } .btn--secondary:not(:disabled):not(.disabled).active:focus, .btn--secondary:not(:disabled):not(.disabled):active:focus, .show>.btn--secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(71, 124, 255, .5) } .btn--secondary.disabled, .btn--secondary:disabled { color: #b8c3d9; background-color: #eef2f8; border-color: #eef2f8 } .btn--success { color: #fff; background-color: #0d8448; border-color: #0d8448 } .btn--success.focus, .btn--success:focus, .btn--success:hover { color: #fff; background-color: #10a75b; border-color: #10a75b } .btn--success.focus, .btn--success:focus { box-shadow: 0 0 0 .2rem rgba(49, 150, 99, .5) } .btn--success.disabled, .btn--success:disabled { color: #fff; background-color: #0d8448; border-color: #0d8448 } .btn--success:not(:disabled):not(.disabled).active, .btn--success:not(:disabled):not(.disabled):active, .show>.btn--success.dropdown-toggle { color: #fff; background-color: #12b261; border-color: #12b261 } .btn--success:not(:disabled):not(.disabled).active:focus, .btn--success:not(:disabled):not(.disabled):active:focus, .show>.btn--success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(49, 150, 99, .5) } .btn--outline { color: #a0b4e5; border-color: #a0b4e5; color: #000; border-width: 2px } .btn--outline:hover { color: #000; background-color: #e4e9f0; border-color: #a0b4e5 } .btn--outline.focus, .btn--outline:focus { box-shadow: 0 0 0 .2rem rgba(160, 180, 229, .5) } .btn--outline.disabled, .btn--outline:disabled { color: #a0b4e5; background-color: transparent } .btn--outline:not(:disabled):not(.disabled).active, .btn--outline:not(:disabled):not(.disabled):active, .show>.btn--outline.dropdown-toggle { color: #212529; background-color: #e4e9f0; border-color: #a0b4e5 } .btn--outline:not(:disabled):not(.disabled).active:focus, .btn--outline:not(:disabled):not(.disabled):active:focus, .show>.btn--outline.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(160, 180, 229, .5) } .btn--outline-secondary { border-color: #2765ff; color: #2765ff; border-width: 2px } .btn--outline-secondary:hover { color: #000; background-color: #2765ff; border-color: #2765ff } .btn--outline-secondary.focus, .btn--outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(39, 101, 255, .5) } .btn--outline-secondary.disabled, .btn--outline-secondary:disabled { color: #2765ff; background-color: transparent } .btn--outline-secondary:not(:disabled):not(.disabled).active, .btn--outline-secondary:not(:disabled):not(.disabled):active, .show>.btn--outline-secondary.dropdown-toggle { color: #fff; background-color: #2765ff; border-color: #2765ff } .btn--outline-secondary:not(:disabled):not(.disabled).active:focus, .btn--outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn--outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(39, 101, 255, .5) } .btn--white { background-color: #fff; color: #072447 } .btn--progress { position: relative; min-width: 9rem } .btn--progress .btn__progress { position: absolute; bottom: 0; height: 3px; left: 0; background-color: #fff; transition: width .3s } .btn--progress.btn--secondary { overflow: hidden } .btn--progress.btn--secondary:disabled { background-color: #eef2f8; border: none; color: #b8c3d9 } .btn--progress.btn--secondary .btn__progress { background-color: var(--priamry) } .btn--btn-secondary, .btn--btn-secondary:hover { color: #072447 } .btn.focus, .btn:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus { box-shadow: none; outline: none } .btn__icon { display: inline-block; margin-right: .25rem; font-size: 1.125em } .btn--wide { min-width: 9.0625rem } .btn--wide.btn--sm, .btn--wide.btn--xs { min-width: 6rem } .btn--wide.btn--lg { min-width: 11.25rem } .btn--wide.btn-xl { min-width: 12.5rem } @media (max-width:767.98px) { .btn--wide.btn--sm-none { min-width: 6rem } } .btn--wider { min-width: 220px } .btn--link { color: #072447; text-decoration: none } .btn--link-white { color: #fff; text-decoration: none } .btn--link-white:focus, .btn--link-white:hover { color: #f2f2f2 } .btn--uae-pass { border: 1px solid #000; color: #000; padding-right: 2.5rem; padding-left: 2.5rem } .btn--uae-pass:focus, .btn--uae-pass:hover { background-color: #051830; border-color: #051830 } .btn--sm { border-radius: .45rem } .btn--xs { padding: .25rem 1rem; font-size: .75rem; line-height: .875rem; border-radius: .5rem } .btn-block { display: block; width: 100% } .btn-inline { display: inline-block; width: auto } @media (min-width:576px) { .btn-sm-block { display: block; width: 100% } .btn-sm-inline { display: inline-block; width: auto } } @media (min-width:768px) { .btn-md-block { display: block; width: 100% } .btn-md-inline { display: inline-block; width: auto } } @media (min-width:992px) { .btn-lg-block { display: block; width: 100% } .btn-lg-inline { display: inline-block; width: auto } } @media (min-width:1200px) { .btn-xl-block { display: block; width: 100% } .btn-xl-inline { display: inline-block; width: auto } } @media (min-width:1440px) { .btn-xxl-block { display: block; width: 100% } .btn-xxl-inline { display: inline-block; width: auto } } .btn--secondary, .btn--secondary:hover, .btn-secondary, .btn-secondary:hover { color: #072447 !important } .campaign-banner--default .campaign-form-container .btn-primary { background: linear-gradient(135deg, #072447, #072447); color: #fff; font-weight: 600; font-size: .875rem; width: 100%; border: 0; letter-spacing: .075rem; text-transform: uppercase; text-align: center; transition: .3s ease-out; margin-top: 1rem } .campaign-banner--default .campaign-form-container .btn-primary span { display: block; font-weight: 300 } .campaign-banner--default .campaign-form-container .btn-primary:hover { opacity: .9 } .switch-box { display: inline-block; cursor: pointer } .switch-box>input { display: none } .switch-box>span { display: inline-block; position: relative; padding-left: 2.875rem } .switch-box>span:before { top: .1875rem; width: 2.25rem; height: .875rem; border-radius: .875rem; background: #fafafa; border: 1px solid #bbb } .switch-box>span:after, .switch-box>span:before { content: ""; display: inline-block; position: absolute; left: 0 } .switch-box>span:after { top: 0; width: 1.25rem; height: 1.25rem; background-color: #d4d4d4; border-radius: 50%; transition: all .3s } .switch-box>input:checked+span:before { border-color: #072447; background-color: #eef2f8 } .switch-box>input:checked+span:after { left: 1rem; background-color: #072447 } .switch-box--white { color: #fff } .switch-box--white>span:before { background-color: #eef2f8 } .switch-box--white>span:after { background-color: #fff } .switch-box--white>span>span { font-size: .75rem; color: hsla(0, 0%, 100%, .7); animation-name: none } .switch-box--white>input:checked+span:before { border-color: #2765ff; background-color: #2765ff } .switch-box--white>input:checked+span:after { background-color: #fff } .double-switch { display: inline-flex; align-items: center; position: relative } .double-switch label { position: relative; color: #596e98; margin: 0; cursor: pointer; z-index: 1 } .double-switch label:after { content: ""; display: block; position: absolute; top: .25rem; right: 0; margin-right: -3rem; height: 1rem; width: 2.125rem } .double-switch label:last-of-type { order: 4 } .double-switch label:last-of-type:after { right: auto; left: 0; margin-right: auto; margin-left: -3rem } .double-switch__circle { display: inline-block; position: relative; width: 2.125rem; height: .875rem; margin: 0 .875rem; border-radius: .875rem; background: #072447 } .double-switch__circle:after { content: " "; position: absolute; left: -.125rem; top: -.1875rem; width: 1.25rem; height: 1.25rem; background-color: #fff; border-radius: 50%; transition: all .3s; box-shadow: 0 1px 3px rgba(0, 0, 0, .2) } .double-switch input { position: absolute; visibility: hidden } .double-switch input:checked+label { font-weight: 600; color: #072447 } .double-switch input:checked+label:after { display: none } .double-switch input:nth-of-type(2):checked~.double-switch__circle:after { left: .9375rem } .site-footer { font-size: .75rem; background-color: #eef2f8; color: #757575 } .footer-main { padding-top: 2rem; padding-bottom: 2rem; position: relative; background-color: #eef2f8 } .footer-main a { font-weight: 400 } .footer-main__col-1, .footer-main__col-2, .footer-main__col-3 { flex: 0 0 100%; max-width: 100%; padding-left: 1rem; padding-right: 1rem } .footer-main__col-2 .col { flex: 0 0 100%; max-width: 100% } @media (min-width:1024px) { .footer-main { padding-top: 3.125rem; padding-bottom: 2.1875rem } .footer-main__col-1 { flex: 0 0 20% } .footer-main__col-3 { max-width: 25% } .footer-main__col-2 { flex: 0 0 55%; max-width: 55% } .footer-main__col-2 .col { flex: 0 0 33.33%; max-width: 33.33% } } .footer-main a { color: #072447 } .footer-main a:focus, .footer-main a:hover { color: #000101 } .footer-main h5 { font-size: .875rem; font-weight: 300 } .footer-main .footer-title { font-size: 1rem; font-weight: 600; color: #072447 } .footer-menu-list { margin: 0; padding: 0; list-style: none; font-size: .875rem } .footer-menu-list li { padding-top: .3125rem; padding-bottom: .3125rem } .footer-menu-list a { color: inherit } .footer-menu-list a:hover { color: #072447 } .footer-dropdown { margin-bottom: 1rem; padding: .1875rem 1rem 1rem; background-color: #fff; border-radius: .75rem } .footer-dropdown .footer-title { display: none } .footer-dropdown .footer-dropdown-toggle { display: block; position: relative; padding: 1.125rem 0 .3125rem; font-size: 1rem; font-weight: 600; color: #000 } .footer-dropdown .footer-dropdown-toggle:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; right: 0; top: 1.375rem; color: #072447; transition: all .3s } .footer-dropdown .footer-dropdown-content { display: none } .footer-dropdown.open .footer-dropdown-toggle:after { transform: rotate(180deg) } @media (min-width:1024px) { .footer-dropdown { margin-bottom: 1.25rem; padding-bottom: 0; background-color: transparent; border-bottom: none } .footer-dropdown .footer-title { display: block; margin-bottom: .75rem } .footer-dropdown .footer-dropdown-toggle { display: none } .footer-dropdown .footer-dropdown-content { display: block !important } } .footer-segments h5 { margin-bottom: 0; font-size: 1rem; font-weight: 300 } @media (min-width:1024px) { .footer-segments h5 { margin-bottom: .625rem } } .footer-segments .footer-title { margin-bottom: 1.5625rem } .footer-segments .footer-dropdown { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; border-bottom: 1px dashed #d4d4d4; background-color: transparent; border-radius: 0 } .footer-segments .footer-dropdown .footer-dropdown-toggle { margin-top: -.75rem; padding-bottom: .625rem; color: #072447; font-size: .875rem } .footer-segments .footer-dropdown-content { padding-top: .3125rem } .footer-segments .footer-dropdown-content h5 { margin-bottom: .75rem; padding-top: .625rem; border-top: none } .footer-segments .footer-menu-list { font-weight: 600; font-size: .875rem } .footer-segments .footer-menu-list li { padding-top: .1875rem; padding-bottom: .1875rem } .footer-segments .footer-menu-list a { color: #072447; font-weight: 600 } .footer-segments .footer-menu-list a:focus, .footer-segments .footer-menu-list a:hover { color: #000101 } @media (min-width:1024px) { .footer-segments .footer-dropdown { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; border-bottom: none } .footer-segments .footer-dropdown .footer-dropdown-toggle { margin-top: 0; padding-bottom: .625rem } .footer-segments .footer-dropdown-content h5 { border-top: 1px dashed #757575; padding-top: 1.75rem } } .footer-actions { padding-top: 1.375rem } @media (min-width:1024px) { .footer-actions { padding-top: 0 } } .footer-action-list { margin-top: 1.25rem; border-top: 1px dashed #757575 } .footer-action-list a { display: block; position: relative; padding-top: 1rem; padding-left: 3.25em; border-bottom: 1px dashed #757575; font-weight: 300 } .footer-action-list a:last-child { border-bottom: none } .footer-action-list a .footer-action-icon, .footer-action-list a>i { position: absolute; left: 0; top: 1rem; font-size: 2em } .footer-action-list a h5 { margin-bottom: .325em; font-size: .875rem; font-weight: 600 } .footer-action-list a p { color: #000; font-size: .75rem } .footer-bottom { padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; background-color: #fff; position: relative } .footer-bottom a { color: inherit } .footer-bottom a:focus, .footer-bottom a:hover { color: #4f4f4f } .footer-bottom__col:nth-child(2) { margin-top: 1rem } .footer-bottom__col img { max-width: 9.375rem } @media (min-width:1024px) { .footer-bottom { padding-top: 2.5rem; padding-bottom: 2.5rem; text-align: initial } .footer-bottom__row { display: flex; justify-content: space-between } .footer-bottom__col { flex: 0 0 50%; max-width: 50% } .footer-bottom__col:nth-child(2) { margin-top: 0; text-align: right } } .footer-bottom .footer-bottom-links>a { display: inline-block } .footer-bottom .footer-bottom-links>a:after { content: "|"; margin: 0 .625rem } .footer-bottom .footer-bottom-links>a:last-child:after { display: none } .footer-top { padding-top: 2rem; padding-bottom: 2rem; font-size: .875rem; background-color: #072447; color: #fff; position: relative } .footer-top__row { display: flex; justify-content: space-between } .footer-top__title { margin-bottom: .5rem } @media (min-width:620px) { .footer-top__title { margin-bottom: 0 } } @media (min-width:620px) { .footer-top__lang { display: flex } } .footer-top__lang .footer-top__title { margin-right: .75rem } .footer-top__social { text-align: right } @media (min-width:620px) { .footer-top__social { display: flex } } .footer-top .social-links>a { display: inline-block; margin-left: 1em; font-size: 1rem; color: inherit } .footer-top .social-links>a i { font-weight: 600 } .footer-top .social-links>a>img { width: 1rem; margin-bottom: .375em } .goto-btn { position: fixed; right: 4rem; bottom: 2rem; font-size: 15px; font-weight: 700; background: #fff; color: #333; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 2px 2px 5px #ccc } .footer-logo { display: inline-flex; flex-direction: column; text-align: center; font-size: .75rem; font-weight: 300 } .footer-logo__images { display: flex; margin-bottom: .5rem; align-items: stretch; margin-left: -1rem; margin-right: -1rem } .footer-logo__image { display: flex; align-items: center; padding-left: 1rem; padding-right: 1rem; border-right: 1px dashed #aeaeae } .footer-logo__image:last-of-type { border-right: none } #site_header { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; transition: all .3s; z-index: 1120 } @media (max-width:1199.98px) { #site_header { width: 100% } } @media (max-width:1198px) { #site_header { top: 0 !important } } #site_header+.header-sticky-space { height: 4.5rem } @media (min-width:1199px) { #site_header+.header-sticky-space { height: 6.875rem } } #site_header.site-header--sm+.header-sticky-space { height: 4.5rem } @media (min-width:1199px) { #site_header.site-header--sm+.header-sticky-space { height: 4.5rem } } #site_header.site-header__navbar-only+.header-sticky-space { height: 4.5rem } #site_header.site-header__navbar-only .navbar__brand { left: 1rem; transform: none } #site_header.site-header__navbar-only .navbar__content .lang-menu { margin: initial !important } #site_header.header-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 1020 } #site_header.header-sticky .site-topbar { display: none !important } #site_header.header-sticky+.site-header-sticky-space { display: block } @media (min-width:768px) { #site_header.narrow-header+.header-sticky-space { height: 5rem !important } #site_header.narrow-header .navbar, #site_header.narrow-header .navbar__content, #site_header.narrow-header .navbar__inner { height: 5rem; min-height: 0; padding-top: 0; padding-bottom: 0 } #site_header.narrow-header .navbar__brand>img { max-width: 8.625rem } } .header__close-button { cursor: pointer } .header-sticky-space { height: 6.75rem } @media (max-width:767.98px) { .header-sticky-space { height: 4.5rem } } .topbar { display: none; justify-content: space-between; min-height: 2.375rem; background-color: #fff; font-size: .625rem; color: #757575 } @media (min-width:1199px) { .topbar { display: flex } } .topbar__left, .topbar__right { display: flex; align-items: center } .topbar__item, .topbar__link { padding: .5em } @media (min-width:1200px) { .topbar__item, .topbar__link { padding-left: 1em; padding-right: 1em } } @media (min-width:1440px) { .topbar__item, .topbar__link { padding-left: 1.125em; padding-right: 1.125em } } .topbar__item>i, .topbar__link>i { font-size: .875rem; margin-right: .5rem } .topbar__accessibility { height: 100% } .topbar__accessibility.is-active, .topbar__accessibility:hover { color: #072447; background: #eef2f8 } .topbar__link { display: flex; align-items: center; font-weight: 600 } .topbar a { color: #757575 } .topbar a:hover { color: #fff } .topbar-nav { position: relative; margin-right: 1.25rem } .topbar-nav .topbar-nav__toggle { display: flex; padding: 1em 1.125em; font-weight: 600 } @media (min-width:992px) { .topbar-nav .topbar-nav__toggle { display: none } } .topbar-nav .topbar-nav__toggle-bar { display: inline-block; position: relative; width: 1.25rem; height: .1875rem; margin-top: .375rem; margin-bottom: .375rem; margin-right: 1rem; background-color: #072447 } .topbar-nav .topbar-nav__toggle-bar:after, .topbar-nav .topbar-nav__toggle-bar:before { content: ""; position: absolute; width: 100%; height: .1875rem; background-color: #072447 } .topbar-nav .topbar-nav__toggle-bar:before { top: -.375rem } .topbar-nav .topbar-nav__toggle-bar:after { bottom: -.375rem } .topbar-nav .topbar-nav__menu { display: none; position: absolute; top: 100%; left: 0; width: 18.75rem; min-height: 2.375rem; margin: 0; padding: .625rem; font-size: .625rem; font-weight: 600; list-style: none; background-color: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, .1); transition: all .2s; animation-name: fadeInLeft; animation-duration: .3s; z-index: 1021 } @media (min-width:992px) { .topbar-nav .topbar-nav__menu { display: flex; position: static; width: auto; align-items: center; padding: 0; box-shadow: none; animation: none } } .topbar-nav .topbar-nav__menu li { width: 100% } @media (min-width:992px) { .topbar-nav .topbar-nav__menu li { height: 100%; width: auto } } .topbar-nav .topbar-nav__menu li>a { display: flex; padding: .75rem .5rem; align-items: center; color: #757575; letter-spacing: .5px } .topbar-nav .topbar-nav__menu li>a:hover { background-color: #ededed } .topbar-nav .topbar-nav__menu li>a>span { display: none } @media (min-width:1200px) { .topbar-nav .topbar-nav__menu li>a { padding-left: 1.125em; padding-right: 1.125em } } .topbar-nav .topbar-nav__menu li.active>a { background-color: #072447; color: #fff; font-weight: 600 } .topbar-nav.open .topbar-nav__menu { display: block } @media (min-width:992px) { .topbar-nav.open .topbar-nav__menu { display: flex } } .mobile-menu-enable { overflow: hidden } .navbar__brand { position: absolute; flex: 1 0 9.625rem; left: 50%; display: inline-block; min-height: 4.5rem; margin-left: auto; margin-right: auto; padding: 1.125rem 0 .5rem; transform: translateX(-50%); z-index: 1 } @media (min-width:1199px) { .navbar__brand { position: relative; left: auto; margin-right: 1.5rem; margin-left: 0; padding-left: 0; transform: none } } .navbar__brand.asset-management-logo>img { height: 3rem } .navbar__brand>img { width: auto; height: 2.25rem } .navbar__brand-fixed { display: flex; align-items: center; position: relative; left: 0; min-height: 0; margin-right: 1.25rem; margin-left: 0; padding: 0; transform: none; flex: 0 0 auto } .navbar__brand-fixed>img { height: 2rem } @media (min-width:768px) { .navbar__brand-fixed>img { height: 3rem } } .navbar { position: relative; background-color: #072447; z-index: 1020 } .navbar, .navbar a { color: #fff } .navbar__inner { display: flex; align-items: center; justify-content: center; min-height: 4.5rem } @media (min-width:1199px) { .navbar__inner { justify-content: normal } } .navbar__content { display: flex; position: relative; align-items: center; flex: 1 1 100%; min-height: 4.5rem } .navbar__right { display: flex; align-items: center; justify-content: flex-end; flex: 1 0 auto; align-self: stretch } .navbar__right .btn-outline-secondary { color: #2765ff } .navbar__right .btn-outline-secondary:hover { color: #072447 } .navbar__link { display: inline-flex; align-items: center; font-weight: 600 } .navbar__link>i { font-size: .875rem; margin-right: .625rem } .navbar__link:hover { color: inherit } .navbar__mobile-only { display: block } @media (min-width:1199px) { .navbar__mobile-only { display: none } } .navbar__desktop-only { display: none } @media (min-width:1199px) { .navbar__desktop-only { display: block } } .navbar__item-sep { height: 1.125rem; width: 1px; margin: 0 1.25rem; background-color: #2c4185 } .menu-online-banking { position: relative; align-self: stretch; line-height: 1.5 } .menu-online-banking>a { display: flex; align-items: center; height: 100%; font-weight: 600; background-color: #2765ff; color: #fff; outline: none } .menu-online-banking>a>i.icon-chevron-down { transition: all .3s } .menu-online-banking>a>i.icon-chevron-down:before { color: #fff } .menu-online-banking>a[aria-expanded=true] { background-color: #072447; color: #fff } .menu-online-banking>a[aria-expanded=true]>i.icon-chevron-down { transform: rotate(180deg) } .menu-online-banking .dropdown-menu { min-width: 18.125rem; margin-top: .75rem; padding-top: 0; padding-bottom: 0; overflow: hidden; z-index: 1022; max-height: unset } .menu-online-banking__line { align-self: center } .menu-online-banking__line>a { padding: .875rem; border-radius: .75rem } .menu-online-banking__line>a>i.icon-chevron-down { transform: translateY(1px) } @media (max-width:1199px) { .mobile-menu-popup { position: fixed; top: 4.5rem; width: 100%; z-index: 1022; display: none; background: #fff; height: 100% } .mobile-menu-enable .mobile-menu-popup { display: block } .mobile-menu-enable .site-header { height: 100% } .mobile-menu-enable .header-sticky-space { height: auto } .mobile-menu-header { background: #072447; min-height: 4.5rem; display: flex; align-items: center; justify-content: space-between } .menu__mobile-close { display: inline-block; position: relative; width: 1.625rem; height: .125rem; margin-top: .75px; margin-bottom: .5rem; background-color: transparent; transition: none } .menu__mobile-close:before { transform: rotate(45deg) } .menu__mobile-close:after, .menu__mobile-close:before { content: ""; position: absolute; width: 100%; height: .1875rem; background-color: #fff; transition: all .3s; top: 0 } .menu__mobile-close:after { transform: rotate(45deg); bottom: 0; transform: rotate(-45deg) } .menu__mobile-close { display: none } .mobile-menu-enable .menu__mobile-close { display: block } .mobile-menu-enable .mobile-menu-btn { display: none } } @media (max-width:1199.98px) { .mobile-menu-popup { visibility: hidden; right: -100%; transition: all .3s ease; display: block } .mobile-menu-enable .mobile-menu-popup { visibility: visible; right: 0 } } @media screen and (max-width:1024px) { header .no-collapes ul.child { display: block !important } } .main-menu-wrapper { display: none; align-self: flex-end } @media (min-width:1199px) { .main-menu-wrapper { display: block; margin-right: auto } } .main-menu { display: flex; margin: 0; padding: 0; list-style: none; font-size: .875rem } .main-menu>li { padding-top: .5rem } .main-menu>li>a { display: inline-block; padding: 1.125rem .625rem 1.75rem; line-height: 1rem; font-size: .75rem; color: #fff; border-radius: 0 } @media (min-width:1200px) { .main-menu>li>a { padding-left: 1.125rem; padding-right: 1.125rem; font-size: 14px } } .main-menu>li.active>a { font-weight: 700 } .main-menu>li.open>a { background-color: #fff; color: #072447; text-shadow: 0 0 .5px #072447 } .megamenu { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 18.75rem; padding-top: 4.5rem; padding-bottom: 5rem; background-color: #fff; transition: all .3s; transform: translateX(120%); z-index: 1019; box-shadow: 0 55px 55px rgba(0, 0, 0, .2) } @media (min-width:1199px) { .megamenu { display: none; position: absolute; top: 100%; height: auto; max-height: 80vh; padding-top: 1rem; padding-bottom: 1rem; transform: translateX(0); overflow-y: auto } } .megamenu .megamenu__inner { position: relative; height: 100%; overflow-x: hidden; overflow-y: auto } .megamenu .megamenu__inner>.container { padding-left: 0; padding-right: 0 } @media (min-width:1199px) { .megamenu .megamenu__inner { padding-bottom: 0; overflow: initial } .megamenu .megamenu__inner>.container { padding-left: 1rem; padding-right: 1rem } } .megamenu .container { max-width: 1196px } .megamenu a { color: #072447; font-weight: 600; font-size: 13px } .megamenu__content-wrapper { overflow: hidden } .megamenu__content { position: absolute; width: 100%; height: 100%; right: 0; display: none; font-size: .875rem; background-color: #fff; opacity: 1; overflow-y: auto } @media (min-width:1199px) { .megamenu__content { display: none; position: relative; background-color: transparent; font-size: .75rem; opacity: 1; transition: none; animation-duration: .5s; animation-name: fadeInUpSm; overflow-y: unset } } .megamenu__content.show { display: block; opacity: 1 } .megamenu__menu-row { margin-left: 0; margin-right: 0; padding: 0 1rem } @media (min-width:1199px) { .megamenu__menu-row { margin-left: -1.75rem; margin-right: -1.75rem; padding: 0 } } .megamenu__menu-row>[class*=col] { border-bottom: 1px dashed #eef2f8; padding: 1.5rem 0 } @media (min-width:1199px) { .megamenu__menu-row>[class*=col] { padding: 1rem 1.75rem; border-right: 1px solid #d4d4d4; border-bottom: none } } .megamenu__menu-row>[class*=col]:last-child { border-right: none } .megamenu__menu-row p.fw-300, .megamenu__menu-row p.fw-light { font-size: 12px } .megamenu__title { margin: 0 0 .875rem; font-size: 1.2rem; line-height: 1.2; font-weight: 600 } .megamenu__title a { font-size: 1.2rem } .megamenu__menu-list { margin: 0 0 1rem; padding: 0; list-style: none } .megamenu__menu-list li { padding: .625em 0 } @media (min-width:1199px) { .megamenu__menu-list li { padding: .75em 0; border-bottom: 1px dashed #d4d4d4 } } .megamenu__menu-list li:last-child { border-bottom: none } .megamenu__menu-list a { color: inherit; font-weight: 400; transform: translateZ(0); display: inline-block; transition: all .3s ease-in-out; font-size: 13px } .megamenu__menu-list a:hover { color: #072447; transform: translate3d(5px, 0, 0) } @media (min-width:1199px) { .megamenu__mobile-only { display: none !important } } .card.card--megamenu { display: flex; flex-direction: row; margin-bottom: 1.625rem; padding: 0 0 0 40%; background-color: #eef2f8; border: none; border-radius: 0; color: #757575 } .card.card--megamenu .card__picture { position: absolute; left: 0; top: 0; width: 40%; height: 100%; padding: 0 } .card.card--megamenu .card__picture>img { width: 100%; height: 100%; object-fit: cover } .card.card--megamenu .card__body { padding: 1rem; color: #757575; font-size: .75rem; min-height: 6.675rem; display: flex; flex-wrap: wrap; align-items: center } .card.card--megamenu .card__body p { margin-bottom: 0 } .card.card--megamenu .card__title { margin-bottom: .375rem; line-height: 1.2; font-size: .875rem; font-weight: 600; color: #072447; min-width: 100% } .megamenu-overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1019 } .navbar__mobile-toggle { display: inline-block; position: relative; width: 1.625rem; height: .1875rem; margin-top: .75rem; margin-bottom: .5rem; background-color: #fff; transition: none } .navbar__mobile-toggle:after, .navbar__mobile-toggle:before { content: ""; position: absolute; width: 100%; height: .1875rem; background-color: #fff; transition: all .3s } .navbar__mobile-toggle:before { top: -.5rem } .navbar__mobile-toggle:after { bottom: -.5rem } .megamenu__mobile-back { display: block; padding: 1rem; background-color: #eef2f8; font-size: .875rem; font-weight: 600; line-height: 1.2 } .megamenu__mobile-back>i { margin-right: .75rem; vertical-align: middle } ul.megamenu__menu-list-mobile { margin: 0; padding: 0; list-style: none } ul.megamenu__menu-list-mobile li>a { display: block; position: relative; padding: 1rem 1.125rem; border-bottom: 1px solid #eef2f8; font-size: .875rem; font-weight: 600 } ul.megamenu__menu-list-mobile li>a>i.icon-angle-right { position: absolute; top: 1.125rem; right: 1rem; font-size: .875em } ul.megamenu__menu-list-mobile-top li>a { color: #000; font-weight: 400; font-size: 1rem; font-weight: 600 } ul.megamenu__menu-list-mobile-top li>a>span { display: block; margin: .3125rem 0 0; color: #757575; font-size: .75rem } @media screen and (max-width:767px) { ul.megamenu__menu-list-mobile-top li>a>span { display: none } } #site_header.megamenu-open .megamenu, #site_header.megamenu-open~.megamenu-overlay { display: block } #site_header.megamenu-open-mobile { top: 0 !important } #site_header.megamenu-open-mobile .navbar__mobile-toggle { background-color: transparent; height: 3px } #site_header.megamenu-open-mobile .navbar__mobile-toggle:before { top: 0; transform: rotate(45deg) } #site_header.megamenu-open-mobile .navbar__mobile-toggle:after { transform: rotate(-45deg); bottom: 0 } #site_header.megamenu-open-mobile .megamenu { display: block; transform: translateX(0) } @media (min-width:1199px) { #site_header.megamenu-open-mobile .megamenu { display: none } } .ipo-logo { height: 2.25rem } .navbar-notification { display: inline-flex; position: relative; align-self: stretch; align-items: center } .navbar-notification>a { display: none; position: relative; padding: 0 .5rem } @media (min-width:1199px) { .navbar-notification>a { display: block } } @media (min-width:576px) { .navbar-notification>a { padding: 0 .75rem } } @media (min-width:992px) { .navbar-notification>a { padding: 0 1rem } } .navbar-notification>a.active:after { display: inline-block; position: absolute; content: ""; width: .5rem; height: .5rem; right: 1rem; top: -.125rem; border-radius: 50%; background-color: red } .navbar-notification>a i { font-size: 1.25rem } .navbar-notification:before { position: absolute; display: none; content: ""; width: 0; height: 0; bottom: .5rem; left: 1rem; border-left: .625rem solid transparent; border-right: .625rem solid transparent; border-bottom: .625rem solid #fff; animation-name: fadeInUpSm; animation-duration: .5s } .navbar-notification__dropdown { position: absolute; display: none; background-color: #fff; top: 100%; margin-top: -.625rem; right: -2.5rem; width: 24.375rem; height: 18.4375rem; padding-top: .3125rem; padding-bottom: 0; border-radius: .5rem; box-shadow: 0 5px 10px rgba(0, 0, 0, .15); font-size: .75rem; color: #000; overflow-y: auto; animation-name: fadeInUpSm; animation-duration: .3s } .navbar-notification__item { display: block; padding: 1rem; color: #000; transition: all .3s } .navbar-notification__item--name { margin: 0 0 .375rem; font-size: .875rem; line-height: 1.2; font-weight: 600; color: #000 } .navbar-notification__item p { color: #000 } .navbar-notification__item:hover { background-color: rgba(0, 0, 0, .04) } .navbar-notification__media { display: flex; align-items: flex-start } .navbar-notification__media .navbar-notification__media-image { flex: 0 0 5rem; width: 5rem; height: auto } .navbar-notification__media .navbar-notification__media-content { flex: 0 1 100%; padding-left: 1rem; color: #757575 } .navbar-notification__media .icon-angle-right { align-self: center } .navbar-notification__alert { background-color: #fff4e5 } .navbar-notification.open .navbar-notification__dropdown, .navbar-notification.open:before { display: block } .menu-open { overflow: hidden } .menu-open #iframeContainer, .menu-open .uwy { z-index: 1 !important } .menu-open .uwy.userway_p5 .uai { transition: all .3s !important; bottom: 6rem !important } .menu-open .site-chatbot { bottom: 5rem !important; transition: all .3s !important } body.overflow-hidden #iframeContainer, body.overflow-hidden .uwy { z-index: 1 !important } .megamenu-mobile-bar { display: flex; position: absolute; bottom: 0; left: 0; width: 100%; min-height: 5rem; padding: 0 .625rem; background-color: #072447; color: #fff; justify-content: center } @media (min-width:1199px) { .megamenu-mobile-bar { display: none } } .megamenu-mobile-bar a { display: block; position: relative; color: #fff; flex: 0 0 25%; text-align: center; font-size: .75rem; line-height: 1.3; padding: .625rem .5rem } .megamenu-mobile-bar a:after { content: ""; position: absolute; width: 0; height: 60%; left: 0; top: 20%; border-right: 1px dashed #adb5bd } .megamenu-mobile-bar a:first-child:after { display: none } .megamenu-mobile-bar a>i { display: block; margin-bottom: .5rem; font-size: 1.25rem } .megamenu-mobile-bar a.active { background-color: hsla(0, 0%, 100%, .1) } .navbar-search-toggle { padding-left: .5rem; padding-right: .5rem; font-size: 1.25rem } @media (min-width:1199px) { .navbar-search-toggle { padding-left: 1rem; padding-right: 1rem } } .open-search .navbar-search-toggle>i:before { content: "" } .navbar-search { display: none; position: absolute; top: .5rem; left: 0; right: 0 } .navbar-search a { color: #072447 } .navbar-search .search-bar { top: 4.5rem } .navbar-search .search-bar__block .search-bar__section-recent .recent-clear { color: #072447 !important } .navbar-search:has(.search-bar__autocomplete[style*="display: none"]) .search-bar__block { display: block !important } @media (min-width:1199px) { .navbar-search .search-bar { top: 0; background-color: transparent } .navbar-search .search-bar__clear { display: none !important } .navbar-search .search-bar__close { display: block !important } } @media (max-width:1199px) { .navbar-search .search-bar__clear { display: none !important } .navbar-search .search-bar__close { display: block !important } } .site-header--request .navbar__title { margin-bottom: 0; font-size: 1.125rem; font-weight: 300 } @media (min-width:768px) { .site-header--request .navbar__title { font-size: 2rem } } @media (max-width:991.98px) { .site-header--request .navbar__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 76%; font-size: 1rem } } .site-header--request .navbar { height: auto } .site-header--request .navbar__content, .site-header--request .navbar__inner { min-height: 2rem } .site-header--request .navbar__content { flex-wrap: wrap; padding-top: 1rem } .site-header--request .navbar__content-bottom { position: relative; flex: 0 0 100%; margin-top: 1rem; text-align: center; order: 10 } .site-header--request .navbar__content-bottom-inner { padding: .75rem 1rem } .site-header--request .navbar__content-bottom-inner:before { content: ""; position: absolute; top: 0; left: -1rem; right: -1rem; border-top: 1px solid hsla(0, 0%, 100%, .25) } .navbar__save-draft { font-size: .875rem; color: #fff } .navbar__save-draft>i { font-size: 1.125rem } @media (min-width:768px) { .site-header--request .navbar { height: 6rem; height: auto } .site-header--request .navbar__content, .site-header--request .navbar__inner { min-height: 6rem } .site-header--request .navbar__content { flex-wrap: nowrap; padding-bottom: 1rem } .site-header--request .navbar__content-bottom { flex: 0 1 auto; margin: 0; padding: 0; border-top: none; order: unset } .site-header--request .navbar__content-bottom-inner { padding: 0 } .site-header--request .navbar__content-bottom-inner:before { display: none } } .site-header--request.site-header--sm .navbar__content { padding-bottom: 1rem } @media (min-width:768px) { .site-header--request.site-header--sm .navbar { height: auto } .site-header--request.site-header--sm .navbar__content, .site-header--request.site-header--sm .navbar__inner { min-height: 4.5rem } .site-header--request.site-header--sm .navbar .navbar__brand-fixed>img { height: 2.4375rem } } .accessibility__open { overflow: hidden } .accessibility-header { background: #eef2f8; width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; overflow: hidden auto; z-index: 1021; transition: all .3s ease; display: flex } .accessibility-header.is-active { opacity: 1; visibility: visible } .accessibility-header>.container { margin-top: auto; margin-bottom: auto } .accessibility-header__title { margin-right: 3rem } @media (min-width:1199px) { .accessibility-header__title { margin-right: 0 } } .accessibility-header__close { position: fixed; right: 1.125rem; top: 1.125rem; color: #072447; cursor: pointer } .accessibility-header__wrapper { color: #000; padding: 1rem 0 } @media (min-width:1199px) { .accessibility-header__wrapper { padding: 3rem 4.375rem } } .accessibility-header__wrapper a { color: #072447 } .accessibility-header__head { margin-bottom: 1.625rem } @media (min-width:1199px) { .accessibility-header__head { margin-bottom: 3rem } } .accessibility-header__body { font-size: .875rem } .accessibility-header__items { display: flex; flex-wrap: wrap; flex-direction: column } @media (min-width:576px) { .accessibility-header__items { flex-direction: row } } .accessibility-header__item { margin-bottom: 2rem } @media (min-width:576px) { .accessibility-header__item { margin-right: 1.75rem; margin-bottom: 2.15rem; min-height: 9rem; display: flex; flex-direction: column; justify-content: space-between } } @media (min-width:576px) and (max-width:1199.98px) { .accessibility-header__item { flex: 0 0 calc(50% - 2rem); margin-right: 2rem } } @media (min-width:1440px) { .accessibility-header__item { margin-right: 4rem } } .accessibility-header__item-name { font-weight: 700; margin-bottom: 1rem } @media (min-width:576px) { .accessibility-header__item-name { margin-bottom: 1.25rem } } .accessibility-header__item-desc { margin-top: 1rem } @media (min-width:576px) { .accessibility-header__item-desc { max-width: 12.5rem } } .accessibility-header__text-editor { display: flex; align-items: center } .accessibility-header__text-editor-name { font-size: 1.5rem; margin: 0 1rem } .accessibility-header__text-editor-btn { display: flex; align-items: center; justify-content: center; font-weight: 600; border-radius: .75rem; border: 2px solid #a0b4e5; cursor: pointer; user-select: none; font-size: .938rem; height: 2.25rem; width: 3.5rem; transition: all .3s ease } .accessibility-header__text-editor-btn:hover { background: #a0b4e5 } .accessibility-header__screen-reader { cursor: pointer; transition: all .3s; padding: .35rem 0 } .accessibility-header__screen-reader:hover { opacity: .75 } .accessibility-header__contrast-switch { padding: .35rem 0 } .accessibility-header__color-mode { display: flex; flex-wrap: wrap; margin: 0 -.5rem -.5rem 0 } .accessibility-header__color-item { margin: 0 .5rem .5rem 0; cursor: pointer } .accessibility-header__color-item:hover .accessibility-header__color { border-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .15) } .accessibility-header__color { border-radius: .25rem; border: 2px solid transparent; width: 5.438rem; height: 2.5rem; transition: border .3s ease, box-shadow .3s ease } @media (min-width:576px) { .accessibility-header__color { width: 4.188rem; height: 1.625rem } } .accessibility-header__color.active { border-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); background-image: url(https://www.emiratesnbd.com/bundles/enbd/svg/icon-check.svg); background-position: 50%; background-repeat: no-repeat } .accessibility-header__color_regular { background: #072447 } .accessibility-header__color_red-weak { background: #ffb800 } .accessibility-header__color_green-weak { background: #3a5796 } .accessibility-header__color_greyscale { background: #232323 } .accessibility-header__color-name { margin-top: .75rem } @media (min-width:576px) { .accessibility-header__color-name { margin-top: .25rem } } .accessibility-header__contrast-switch .double-switch input:checked+label { font-weight: 400; color: #000 } .accessibility-header__contrast-switch .double-switch input:checked:nth-of-type(2):checked~.double-switch__circle { background: #003edd } .accessibility-header__contrast-switch .double-switch label { font-weight: 400; color: #000 } .accessibility-header__contrast-switch .double-switch__circle { background: #d3dae6 } .accessibility-header__reset-btn { display: inline-flex; align-items: center; cursor: pointer; color: #072447; user-select: none; transition: all .3s ease } .accessibility-header__reset-btn:hover { opacity: .75 } .accessibility-header__reset-btn:hover img { transform: rotate(90deg) } .accessibility-header__reset-btn:active { opacity: .5 } .accessibility-header__reset-btn:active img { transform: rotate(1turn) } .accessibility-header__reset-btn img { margin-right: .813rem; transition: all .3s ease } .accessibility-overlay { background-color: #000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1019; opacity: 0; visibility: hidden; transition: all .3s ease } .accessibility-overlay.is-active { opacity: .32; visibility: visible } .filter__high-contrast { filter: invert(100%); -webkit-filter: invert(100%) } #lang-modal { padding: 0 !important } #lang-modal .modal-content .btn { font-size: 1rem } @media (min-width:1200px) and (max-width:1440px) { .lang-menu .lang-menu-text { font-size: .75rem } } .lang-menu-mobile .lang-menu-text { padding-left: .5rem !important } @media screen and (max-width:1200px) { .megamenu__menu-list-mobile .main-menu-top+li:has([data-toggle=modal]) { display: none } .megamenu__menu-list-mobile .main-menu-top+a:has(.lang-menu-text) { display: none !important } .lang-menu-mobile img { display: none } .lang-menu-mobile .lang-menu-text { padding-left: 0 !important } } .menu-for-mobile { background-color: #fff; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; z-index: 3; display: flex; padding-top: 4.5rem; padding-bottom: 4.5rem; flex-direction: column; justify-content: space-between; transition: all .2s } .menu-for-mobile.show { right: 0 } .menu-for-mobile .menu-nav { flex: 1; word-wrap: break-word; overflow-wrap: break-word; overflow: auto; overflow-x: hidden } .menu-for-mobile .menu-nav>ul { padding: 0 } .menu-for-mobile .menu-nav>ul li { list-style: none } .menu-for-mobile .parent>a { font-size: 16px; color: #000; padding: 1rem; display: block; position: relative; transition: all .2s; font-weight: 500 } .menu-for-mobile .parent>a:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-size: 14px } .menu-for-mobile .parent.active { border-bottom: 1px solid #ededed; padding-bottom: 18px; margin-bottom: 8px } .menu-for-mobile .parent.active>a { font-weight: 600; background-color: #2765ff } .menu-for-mobile .parent.active>a:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "" } .menu-for-mobile .parent .child { padding: 1rem 1rem 0; display: none } .menu-for-mobile .parent .child a { font-size: 14px; color: #000; display: block; padding: .6rem 0 } .menu-for-mobile .parent.no-collapes a:after { display: none } .menu-for-mobile .megamenu-mobile-bar { z-index: 4; min-height: 4rem; background-color: #eef2f8 } .menu-for-mobile .megamenu-mobile-bar a { flex: 1; color: #072447 } .menu-for-mobile .mobile-inner { background-color: #fff; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; z-index: 4; transition: all .2s; padding: 4.5rem 0; overflow: auto } .menu-for-mobile .mobile-inner.show { right: 0 } .menu-for-mobile .mobile-inner p { font-size: 12px } .menu-for-mobile .mobile-inner h6 { margin-bottom: .5rem } .menu-for-mobile .mobile-inner .inner-block { padding: 0 1rem 1.5rem; border-bottom: 1px solid #eef2f8 } .menu-for-mobile .mobile-inner .inner-block:last-child { border-bottom: none } .menu-for-mobile .mobile-back-btn { background-color: #eef2f8; color: #072447; font-weight: 600; font-size: 13px; display: block; padding: 1rem; line-height: 1.2 } .menu-for-mobile .mobile-back-btn>i { margin-right: .75rem } .menu-for-mobile .megamenu__menu-list li { padding: 0 } .menu-for-mobile .megamenu__menu-list a { font-size: 14px; display: block; padding: .825em 0; position: relative; border-bottom: 1px dashed #d4d4d4 } .menu-for-mobile .megamenu__menu-list a:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: .6rem } .mobile-hamburger { display: inline-block; position: relative; width: 1.625rem; height: .1875rem; margin-top: .75rem; margin-bottom: .5rem; background-color: #fff; transition: none } .mobile-hamburger:after, .mobile-hamburger:before { content: ""; position: absolute; width: 100%; height: .1875rem; background-color: #fff; transition: all .3s } .mobile-hamburger:before { top: -.5rem } .mobile-hamburger:after { bottom: -.5rem } .mobile-hamburger-parent.active .mobile-hamburger { background-color: transparent; height: 3px } .mobile-hamburger-parent.active .mobile-hamburger:before { top: 0; transform: rotate(45deg) } .mobile-hamburger-parent.active .mobile-hamburger:after { transform: rotate(-45deg); bottom: 0 } .microsite-header .menu-for-mobile .parent { border-bottom: 1px solid #ededed } .microsite-header .menu-for-mobile .parent.active { margin-bottom: 0; padding-bottom: 0; border: none } @media only screen and (min-width:1199px) and (max-width:1199.98px) { .header-sticky-space, .mobile-menu-popup { display: none } } .sidebar__item { margin-bottom: 2rem } @media (min-width:992px) { .sidebar__item { margin-bottom: 3rem } } .sidebar__title { margin-bottom: 1.375rem; font-weight: 300; text-align: center } @media (min-width:576px) { .sidebar__title { text-align: initial } } .sidebar-banner { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 12.5rem; background-size: cover; background-position: 50%; background-repeat: no-repeat; border-radius: .5rem; color: #fff; overflow: hidden } @media (min-width:992px) { .sidebar-banner { min-height: 25rem; padding-top: 40% } } .sidebar-banner:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--overlay-bg, rgba(25, 25, 25, .5)) } .sidebar-banner__content { position: relative; padding: 1.125rem; font-weight: 300 } .sidebar-banner__content a { color: inherit } .sidebar-banner__description { font-size: .75rem } .sidebar-banner__title { font-weight: 300 } .lds-ring { display: inline-block; position: relative; width: 5rem; height: 5rem } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 3.125rem; height: 3.125rem; margin: .3125rem; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite; border: .3125rem solid transparent; border-top-color: #072447 } .lds-ring div:first-child { animation-delay: -.45s } .lds-ring div:nth-child(2) { animation-delay: -.3s } .lds-ring div:nth-child(3) { animation-delay: -.15s } @keyframes lds-ring { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } a { transition: all .3s } .link { color: #072447 } .link:hover { color: #000101 } .link-arrow, .link-arrow-down, .link-arrow-inv, .link-arrow-up { font-weight: 600 } .link-arrow-down:after, .link-arrow-inv:after, .link-arrow-up:after, .link-arrow:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: .4em; vertical-align: middle } .stretched-link-arrow { display: inline-block; font-weight: 600 } .stretched-link-arrow:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: .1rem; vertical-align: middle } .stretched-link-arrow:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; background-color: transparent } .link-arrow--close:after { margin-left: 0; font-size: .875em } .link-arrow-inv:after { content: "" } .link-arrow-down:after { content: "" } .link-arrow-up:after { content: "" } .link-arrow-back:before { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-right: .4em; vertical-align: middle; content: "" } .link-arrow-back:after { content: none } [dir=rtl] .link-arrow:after { content: "" } .link--bordered { display: inline-flex; align-items: center; justify-content: center; padding: .5625rem 1rem; line-height: 1.2; border: 1px solid #a0b4e5; border-radius: .5rem; font-weight: 600; text-align: center } .link--bordered:hover { background-color: #e4e9f0 } .swiper-slide .link--bordered { margin-bottom: .0625rem } .link--pill { display: inline-block; padding: .5rem 1rem; line-height: 1.2; font-weight: 600; background: #fff; border-radius: 1rem; text-align: center; color: #000 } .link--pill .link--pill-hover-primary:hover { background: #072447 } .links-group { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin-left: -.5rem; margin-right: -.5rem } .links-group .links-group__item { margin: .375rem 0; padding-left: .5rem; padding-right: .5rem } .links-group .link { height: 100% } .links-group--center { justify-content: center } .links-group--4col .link { display: flex; width: 100%; height: 100%; margin: 0 } .links-group--4col .links-group__item { flex: 0 0 100%; max-width: 100% } @media (min-width:576px) { .links-group--4col .links-group__item { flex: 0 0 50%; max-width: 50% } } @media (min-width:768px) { .links-group--4col .links-group__item { flex: 0 0 25%; max-width: 25% } } .links-group--2col-mobile .links-group__item { flex: 0 0 50%; max-width: 50% } .links-group--2col-mobile .link { width: 100% } @media (min-width:768px) { .links-group--2col-mobile .links-group__item { flex: none; max-width: 100% } } .links-group--v1 .section__title { font-size: 2rem !important; font-weight: 300 !important; margin-bottom: 0 } @media (max-width:767.98px) { .links-group--v1 .section__title { font-size: 1.75rem !important } } .links-group--v1 .links-group { padding: 0 !important; column-gap: 1.25rem; margin: 0 } .links-group--v1 .links-group__item { padding: 0; margin-top: 2rem; margin-bottom: 0 } @media (min-width:768px) { .links-group--v1 .links-group__item { flex: initial; max-width: unset } } @media (min-width:576px) and (max-width:991.98px) { .links-group--v1 .links-group__item { flex: 0 0 48.5%; max-width: 48.5% } } .links-group--v1 .links-group--4col .link { padding: 1rem; font-weight: 400; color: #575757; border-color: #596e98 } .list { margin: 0 0 1.875rem; padding: 0; list-style: none } .list h2[data-uw-rm-heading=hide] { display: none } .list li { margin-bottom: .75em } .list--bullet { padding: 0 } .list--bullet li { position: relative; margin-bottom: 1.75em; padding-left: 1.3rem; list-style-position: inside; list-style-type: none } .list--bullet li:last-child { margin-bottom: 0 } .list--bullet li:before { content: " "; position: absolute; top: .3125rem; left: 0; width: .5rem; height: .5rem; background-color: #072447; border-radius: 50% } @media (min-width:576px) { .list--bullet li { margin-bottom: .75em } } .list--bullet-sm { padding-left: .4375rem } .list--bullet-sm li { padding-left: 1.125rem; margin-bottom: .875rem } .list--bullet-sm li:before { top: .5rem; width: .375rem; height: .375rem } @media (min-width:576px) { .list--bullet-sm { padding-left: .4375rem } .list--bullet-sm li { padding-left: 1.125rem; margin-bottom: 1.5625rem } .list--bullet-sm li:before { top: .4375rem; width: .5rem; height: .5rem } } .list--bullet-tight li { margin-bottom: .875rem } .list--arrow { padding: 0 } .list--arrow li { border-bottom: 1px solid #d3dae6; display: block; padding: .5rem 0; position: relative } .list--arrow li:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: .4em; vertical-align: middle; position: absolute; right: 0; top: .75rem; color: #072447 } .list--circle-check li { position: relative; padding-left: 2.25rem; margin-bottom: 1.75em } .list--circle-check li:last-child { margin-bottom: 0 } .list--circle-check li:before { content: ""; font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 2px; left: 0; font-size: 1.25rem; color: #072447 } .list--circle-check li ul { margin-top: 1rem } .list--circle-check li ul li { padding: 0; margin: 0 0 .5rem } .list--circle-check li ul li:before { display: none } .list--icon li { position: relative; padding-left: 2.125rem; margin-bottom: 1em } .list__icon { position: absolute; top: 2px; left: 0; font-size: 1.25rem; line-height: 1; color: #072447 } @media (min-width:576px) { .list--icon li { padding-left: 2.5rem; margin-bottom: 2em } .list--icon li:last-child { margin-bottom: 0 } .list__icon { top: 0; font-size: 1.625rem } } .step-number { position: relative; margin-bottom: 2.25rem; padding-left: 3rem; font-weight: 300; color: #757575 } .step-number__number { position: absolute; left: 0; top: 0; width: 2rem; line-height: 2rem; font-size: 1.25rem; font-weight: 600; background-color: #072447; color: #fff; text-align: center; border-radius: 50% } .step-number__number--secondary { background-color: #2765ff } .step-number__title { margin-bottom: 1.25rem; font-weight: 300; color: #000 } .section { position: relative; padding-top: 3.5rem; padding-bottom: 3.5rem } @media (min-width:992px) { .section { padding-top: 4.125rem; padding-bottom: 4.125rem } } .section--y-medium { padding-top: 2.5rem; padding-bottom: 2.5rem } @media (min-width:992px) { .section--y-medium { padding-top: 4.125rem; padding-bottom: 4.125rem } } @media (min-width:992px) { .section--py-lg-64 { padding: 4rem 0 !important } } @media (min-width:992px) { .section--pt-lg-64 { padding-top: 4rem !important } } @media (min-width:992px) { .section--pb-lg-64 { padding-bottom: 4rem !important } } .section--sm { padding-top: 2rem; padding-bottom: 2rem } @media (min-width:992px) { .section--sm { padding-top: 4%; padding-bottom: 4% } } .section--fixed-md { padding-top: 2rem; padding-bottom: 2rem } @media (min-width:992px) { .section--fixed-md { padding-top: 4rem; padding-bottom: 4rem } } @media (min-width:768px) { .section--minHeight-md { min-height: 430px } } .section--overlay { position: relative; background-size: cover; background-position: 100%; background-repeat: no-repeat } .section--overlay:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--overlay-bg, rgba(25, 25, 25, .6)); z-index: 1 } .section--overlay .section__inner { position: relative; z-index: 2 } @media (min-width:992px) { .section--bg-fixed { background-attachment: fixed } } .section__overlay-text, .section__overlay-text a { color: #fff } .section--bg-light { background-color: #eef2f8 } .section__header { font-weight: 700; text-transform: uppercase; color: #757575 } .section__title { margin-bottom: 2.25rem; font-weight: 400; font-size: 24px; line-height: 1.2; padding: 0 } @media (min-width:1023px) { .section__title { margin-bottom: 2.625rem; font-size: 2.625rem; line-height: 1.1 } } .section__title--sm { font-size: 1.5rem } @media (min-width:1023px) { .section__title--sm { font-size: 2.625rem } } .section__picture-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 0 } .section__picture-overlay>img { width: 100%; height: 100%; object-fit: cover } .section--center-content { font-size: 1.125rem; line-height: 1.5rem; padding: 4rem 1.5rem; border-radius: .5rem; overflow: hidden } .section--center-content>* { position: relative; z-index: 2 } .section--center-content .section__title { margin-bottom: .875rem; font-size: 1.875rem; line-height: 2.375rem } @media (min-width:768px) { .section--center-content .section__title { font-size: 2.625rem; line-height: 3rem } } .section--center-content a { display: inline-block; margin-top: .75rem; font-size: .875rem } .section--side-image { position: relative; padding-top: 0; padding-bottom: 0 } .section--side-image .section__side-image { position: relative; margin-bottom: 1.5rem; margin-left: -1rem; margin-right: -1rem; height: 8.75rem; background-size: cover; background-position: 50%; background-repeat: no-repeat } @media (min-width:576px) { .section--side-image .section__side-image { height: 15rem } } @media (min-width:768px) { .section--side-image .section__side-image { position: absolute; left: 0; top: 0; width: 50%; height: 100%; margin: 0; padding-top: 0 } } .section--side-image .section__side-image:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--overlay-bg, rgba(25, 25, 25, .5)) } .section--side-image .section__side-content { padding-top: 1.125rem; padding-bottom: 1.625rem } @media (min-width:768px) { .section--side-image .section__side-content { padding: 6.25rem 0 6.25rem 55% } .section--side-image .section__side-content .fs-12 { font-size: 1rem !important } } .section--side-image .section__title { margin-bottom: .75rem; font-size: 1.5rem; font-weight: 300; line-height: normal } @media (min-width:1023px) { .section--side-image .section__title { font-size: 2rem; line-height: normal } } .section--side-image .section__label { margin-bottom: .75rem; color: #757575; font-size: .75rem; font-weight: 600 } .section--side-image .section__cta { margin-top: 2rem; font-size: .875rem; line-height: 1.25rem } .section--side-image .section__cta p { margin-bottom: .75rem } @media (min-width:768px) and (max-width:991.98px) { .section--side-image .section__side-content { padding: 3.25rem 0 3.25rem 55% } .section--side-image .section__side-image { top: 50%; transform: translateY(-50%) } } .no-overlayer .section__side-image:before, .no-overlayer:before { display: none } .section__label__sm { margin-bottom: .75rem; color: #757575; font-size: .75rem; font-weight: 600 } .bg-gray { background-color: #eef2f8 !important } .section--side-image.img-next>.container { display: flex; flex-direction: column-reverse } .section--side-image-v1 .section__side-image, .section--side-image-v2 .section__side-image { left: 3rem !important; border-radius: 1.25rem; top: 4rem; height: calc(100% - 7rem) } .section--side-image-v1 .section__side-content, .section--side-image-v2 .section__side-content { padding-left: 59% !important; width: 100% !important } .section--side-image-v1 .section__side-image:before, .section--side-image-v2 .section__side-image:before { border-radius: 1.25rem } .section--side-image-v2 .section__side-image { left: 47% !important; border-radius: 1.25rem; top: 3rem; height: calc(100% - 6rem) } .section--side-image-v2 .section__side-content { padding-left: 0 !important; width: 40% !important } @media (min-width:768px) { .section--side-image.img-next .section__side-content { width: 50%; padding-left: 0 } .section--side-image.img-next .section__side-image { left: 50% } } @media (max-width:768px) { .section--side-image-v1 .container, .section--side-image-v2 .container { flex-direction: column !important } .section--side-image-v1 .section__side-image, .section--side-image-v2 .section__side-image { left: 0 !important; top: 0; height: 14.75rem } .section--side-image-v1 .section__side-content, .section--side-image-v2 .section__side-content { padding-left: 0 !important } .section--side-image-v2 .section__side-content { width: 100% !important } } @media (min-width:768px) { .section--side-image-left-text.section--side-image .section__side-content { padding-left: 0; width: 45% } .section--side-image-left-text.section--side-image .section__side-image { left: unset; right: 0 } } @media only screen and (max-width:768px) { .section--side-image .section__side-image { height: 17.75rem } } @media only screen and (max-width:767px) { .block-order-mob { display: flex; flex-flow: column-reverse } } .promo-banner .section__title { font-size: 30px } @media (min-width:768px) { .promo-banner--alt .section__title { font-size: 2rem !important; font-weight: 600; margin-bottom: .875rem !important } .promo-banner--alt p { font-size: 1.225rem } } .no-wrap { white-space: nowrap } .hero { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50%; color: #fff; background-color: #757575 } .hero__smaller .hero__inner { min-height: 322px } .hero__smaller:before { background-color: rgba(0, 0, 0, .5) !important } .hero__lg .hero__inner { min-height: 430px } .hero__lg:before { background-color: rgba(0, 0, 0, .5) !important } .hero--overlay:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--overlay-bg, rgba(25, 25, 25, .5)); z-index: 1 } .hero--overlay .text-right img { width: 60% } .hero__overflow-hidden { overflow: hidden } .hero__inner { display: flex; flex-direction: column; justify-content: center; padding-top: 2.5rem; padding-bottom: 2.5rem; z-index: 2; position: relative } @media (min-width:576px) { .hero__inner { min-height: 33.75rem; padding-top: 1.875rem; padding-bottom: 1.875rem } .hero__inner--sm { min-height: 22.5rem } } @media (max-width:767.98px) { .hero__inner { position: unset } .hero__inner .hero__title { font-size: 1.475rem; line-height: 2.05rem } } @media (max-width:767.98px) { .hero__inner--sm .hero__content { z-index: 1 } } .hero__content { padding-top: 1.5rem; padding-bottom: 1.5rem; font-weight: 300 } .hero__content a { color: inherit; font-weight: 600 } .hero__content a:hover { color: inherit } @media (min-width:768px) { .hero__content-right { padding-left: 1.875rem; border-left: 1px solid hsla(0, 0%, 100%, .3) } } .hero__title { font-weight: 300 } @media (min-width:768px) { .hero__title { font-size: 2.625rem } } .hero--mobile-center .hero__content { text-align: center } @media (min-width:576px) { .hero--mobile-center .hero__content { text-align: inherit } } .hero .breadcrumb { position: absolute; top: 1rem; color: #000 } @media (min-width:576px) { .hero .breadcrumb { display: block } } @media (min-width:768px) { .hero .breadcrumb, .hero .breadcrumb a { color: #fff } } @media (min-width:768px) { .hero--middle-content .hero__inner { justify-content: center !important } .hero--bottom-content .hero__inner { justify-content: flex-end !important } .hero--top-content .hero__inner { justify-content: flex-start !important } } .flip-y .support-details__hero-bg>img { transform: scaleX(-1) } .hero__right-streched { display: inline-flex; align-items: center; position: relative; padding: 2.375rem 1rem 2.375rem 1.75rem; border-radius: .5rem 0 0 .5rem; text-align: left } .hero__right-streched:after { content: ""; position: absolute; background-color: inherit; top: 0; left: 100%; width: 1000px; height: 100% } @media (min-width:768px) { .hero__right-streched { min-height: 13.75rem; padding: 2.375rem 1rem 2.375rem 2rem } } .support-details__hero { background-color: #fff; color: #000 } @media (min-width:768px) { .support-details__hero { color: #fff } } .support-details__hero:before { display: none } @media (min-width:768px) { .support-details__hero:before { display: block } } @media (min-width:768px) { .support-details__hero-bg { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100% } } .support-details__hero-bg>img, .support-details__hero-bg>video { width: 100%; height: 100%; object-fit: cover; min-height: 22.5rem } @media (max-width:768px) { .support-details__hero-bg>img, .support-details__hero-bg>video { min-height: 9.375rem } } .support-details__hero-bg>video { object-position: center center } .support-details__hero .hero__inner { min-height: auto; padding-top: 1rem; padding-bottom: 1rem } @media (min-width:768px) { .support-details__hero .hero__inner { min-height: 33.75rem; padding-top: 2.5rem; padding-bottom: 2.5rem } } .support-details__hero .hero__content { padding: 0 } .support-details__hero .hero__content p { margin-bottom: 0; font-size: 1.125rem } .support-details__hero .hero__content-right p { margin-bottom: 1rem; font-size: 14px } .support-details__hero .breadcrumb { position: relative; top: 0 } .support-details__hero .breadcrumb a { margin-bottom: .5rem; display: inline-block } @media (min-width:992px) { .support-details__hero .breadcrumb { display: block; position: absolute; top: 1rem } .support-details__hero .breadcrumb a { color: #fff } } .support-details__hero-inner { background-size: contain; background-repeat: no-repeat } @media (min-width:768px) { .hero-lg-bottom-rounded { margin: 0 3rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; overflow: hidden } } .hero--center-top { background-position: top } .jumbotron { display: flex; position: relative; flex-direction: column; justify-content: flex-end; min-height: 90vh; margin-top: 7.875rem; padding-top: 9.375rem; padding-bottom: 2.75rem; background-color: #757575; color: #fff } @media (min-width:768px) { .jumbotron { margin-top: 0; padding-top: 3rem; min-height: 50rem } } .jumbotron__bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100% } .jumbotron__bg>img { width: 100%; height: 100%; object-fit: cover } .jumbotron__bg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(58, 56, 67, .51), #1b192e) } .jumbotron__content { width: 35.625rem; max-width: 100%; padding-top: 2rem } .jumbotron__title { margin-bottom: 1.25rem } @media (min-width:768px) { .jumbotron .container { position: relative } } @keyframes switchBoxCustomer { 0% { opacity: 1 } to { opacity: 0 } } .switch-box--customer { font-size: .875rem } .switch-box--customer>span:after { background-color: #fff; box-shadow: 0 1px 5px hsla(0, 0%, 100%, .3) } .switch-box--customer>span>span { font-size: .75rem; color: hsla(0, 0%, 100%, .7); animation-name: none } .switch-box--customer>input:checked+span:before { border-color: #2765ff; background-color: #2765ff } .switch-box--customer>input:checked+span:after { background-color: #fff } .switch-box--customer>span:before { background-color: #d3dae5 } .mb-21 { margin-bottom: 2.125rem } @media screen and (max-width:768px) { .jumbotron { padding-bottom: 0 } .jumbotron:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(25, 25, 25, .35), rgba(25, 25, 25, .9)) } } .position-unset { position: unset } .custom-checkbox input, .custom-radio input { width: 0; height: 0; font-size: 0; border: none; outline: none } .custom-checkbox>span, .custom-radio>span { display: inline-block; padding-left: 1.875rem; color: #757575 } .custom-checkbox>span:before, .custom-radio>span:before { position: absolute; content: ""; left: 0; top: 0; width: 1.25rem; height: 1.25rem; border: 2px solid #757575; transition: border .3s } .custom-checkbox>span:after, .custom-radio>span:after { position: absolute; content: ""; left: .3125rem; top: .3125rem; opacity: 0 } .custom-checkbox input:checked+span:before, .custom-radio input:checked+span:before { border-color: #072447 } .custom-checkbox input:checked+span:after, .custom-radio input:checked+span:after { opacity: 1 } .custom-checkbox input:active+span:before, .custom-checkbox input:focus+span:before, .custom-radio input:active+span:before, .custom-radio input:focus+span:before { box-shadow: 0 0 0 3px rgba(7, 36, 71, .25) } .custom-checkbox>span:before { border-radius: .25rem } .custom-checkbox>span:after { top: .3125rem; left: .25rem; width: .75rem; height: .4375rem; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg) } .custom-checkbox input:checked+span:before { border-color: #072447; background-color: #072447 } .float-label, .float-label-textarea { position: relative } .float-label-textarea label, .float-label label { position: absolute; top: 1rem; left: 0; width: 100%; padding-left: 1.25rem; padding-right: 1rem; margin: 0; color: #596e98; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s; cursor: text; pointer-events: none; z-index: 3 } .float-label-textarea__input, .float-label__input { padding-top: 1.375rem; padding-bottom: .625rem } .float-label-textarea.active label, .float-label.active label { top: .375rem; font-size: .75rem; color: #757575 } .float-label-textarea .float__currency, .float-label-textarea picture, .float-label .float__currency, .float-label picture { position: absolute; right: 0; top: 1rem; padding-left: 1.25rem; padding-right: 1rem } .float-label-textarea .float__currency, .float-label .float__currency { color: #596e98; font-size: 1rem } .float-label-textarea.float-label-bright, .float-label.float-label-bright { position: relative } .float-label-textarea.float-label-bright.active label, .float-label.float-label-bright.active label { color: #003edd } .float-label-textarea.float-label-bright.active input.validate-error~.eye-picture, .float-label.float-label-bright.active input.validate-error~.eye-picture { display: none } .float-label-textarea.float-label-bright.active input.validate-error~.error-picture, .float-label.float-label-bright.active input.validate-error~.error-picture { display: block } .float-label-textarea.float-label-bright.active input.validate-error~label, .float-label.float-label-bright.active input.validate-error~label { color: #d22323 } .float-label-textarea.float-label-bright.active textarea.validate-error~.eye-picture, .float-label.float-label-bright.active textarea.validate-error~.eye-picture { display: none } .float-label-textarea.float-label-bright.active textarea.validate-error~.error-picture, .float-label.float-label-bright.active textarea.validate-error~.error-picture { display: block } .float-label-textarea.float-label-bright.active textarea.validate-error~label, .float-label.float-label-bright.active textarea.validate-error~label { color: #d22323 } .float-label-textarea.float-label-bright input.validate-error~.eye-picture, .float-label.float-label-bright input.validate-error~.eye-picture { display: none } .float-label-textarea.float-label-bright input.validate-error~.error-picture, .float-label.float-label-bright input.validate-error~.error-picture { display: block } .float-label-textarea.float-label-bright input.validate-error~label, .float-label.float-label-bright input.validate-error~label { color: #d22323 } .float-label-textarea.float-label-bright textarea.validate-error~.eye-picture, .float-label.float-label-bright textarea.validate-error~.eye-picture { display: none } .float-label-textarea.float-label-bright textarea.validate-error~.error-picture, .float-label.float-label-bright textarea.validate-error~.error-picture { display: block } .float-label-textarea.float-label-bright textarea.validate-error~label, .float-label.float-label-bright textarea.validate-error~label { color: #d22323 } .float-label-textarea.float-label-bright .error-picture, .float-label.float-label-bright .error-picture { display: none } .validate-error { border-bottom: 2px solid #d22323 !important; border-end-start-radius: 0 !important; border-end-end-radius: 0 !important; border-bottom-right-radius: 0 !important } .error { color: #d22323; margin-top: .25rem } .error.form-group>label { font-size: .875rem; color: #000 } .error .form-control- { border-bottom: 2px solid #d22323 !important; border-end-start-radius: 0 !important; border-end-end-radius: 0 !important; border-bottom-right-radius: 0 !important } .error .custom-checkbox>span:before, .error .custom-radio>span:before { border-color: #d22323 } .error .eye-picture { display: none !important } .error .error-picture { display: block !important } .error p { color: #000 } .no-visible { display: none } .float-label-bright[error].active label { color: #d22323 } .float-label-bright[error] .float__progress { background-color: #d22323 } .float-label-bright[error] .eye-picture { display: none } .float-label-bright[error] .error-picture { display: block } .float-label-bright[error] .error { color: #d22323; font-size: 12px; margin-top: .25rem } .float-label-bright[error] .float__currency, .float-label-bright[error]~p { color: #d22323 } .float__progress { position: absolute; bottom: 0; left: 2%; width: 96%; height: 2px; transition: width .3s; z-index: 2; background-color: #003edd } .float-label-dropdown { position: relative } .float-label-dropdown .float__progress { bottom: -1px } .float-label-dropdown[error] .float__progress { background-color: #d22323 } .input-group--phone .validation-required-error { position: absolute } .select-selectize--white+.selectize-control .selectize-input, .select-selectize--white+.selectize-control.single .selectize-input.input-active { background-color: #fff } .selectize-control.single .selectize-input>.item { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .selectize-control.single .selectize-input input { font-size: 0 !important; position: absolute !important; width: 100% !important } .selectize-control.single .selectize-input input::placeholder { opacity: 0 } .selectize-control.single .selectize-input.dropdown-active.not-full input::placeholder { opacity: 1 } .selectize-control.single .selectize-input.dropdown-active.full input::placeholder { opacity: 0 } .selectize-dropdown { overflow-y: auto } .selectize-dropdown .option { cursor: pointer; display: flex; align-items: center } .form-group-select { position: relative } .form-group-select .selectize-float-label { position: absolute; top: 1rem; left: 1.25rem; margin: 0; color: #596e98; font-size: 1rem; transition: all .3s; cursor: pointer; z-index: 3 } .form-group-select .select2-selection__placeholder { visibility: hidden } .form-group-select.select2-has-value .selectize-float-label, .form-group-select.success .selectize-float-label { top: .3rem; font-size: .75rem; color: #757575 } .form-group-select.select2-has-value .select2-selection__rendered, .form-group-select.success .select2-selection__rendered { transform: translateY(3px) } .form-group-select.error .selectize-float-label { color: #d22323 } .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { padding-left: 0 } .selectize-control .selectize-input.focus~.selectize-float-label, .selectize-control .selectize-input.has-items~.selectize-float-label { top: .4375rem; font-size: .75rem; color: #757575 } .input-group--currency .selectize-input { padding-top: .625rem !important; padding-bottom: .625rem !important; display: inline-flex !important; align-items: center; padding-right: 2.5rem; border-top-right-radius: .75rem; border-bottom-right-radius: .75rem; color: #596e98 } .input-group [error]~.float__progress { background-color: #d22323 } .selectize-control.select-selectize--search .selectize-input.focus input::placeholder, .selectize-control.select-selectize--search .selectize-input.has-items input::placeholder { opacity: 1 } .selectize-control.select-selectize--search .selectize-input.has-items input::placeholder { opacity: 0 } .selectize-control.select-selectize--search .selectize-input input { display: block !important; width: 100% !important; position: absolute !important; height: 100% !important; top: 0 !important; left: 0 !important; font-size: 1rem !important; padding: 1.375rem 1.875rem .675rem 1.25rem !important } .selectize-control.select-selectize--search .selectize-input input::placeholder { opacity: 0 } .input-search__button, .input-search__icon { z-index: 4 } .form-currency { position: relative } .form-currency input { padding-right: 4rem } .form-currency__item { font-size: 1rem; color: #596e98; font-weight: 400; text-transform: uppercase; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%) } .input-group-prepend--end:after { content: ""; position: absolute; left: 0; right: auto } .input-group-prepend .selectize-control .selectize-input.single input, .input-group-prepend .selectize-control .selectize-input input { width: 0 !important; height: 0 !important; font-size: 0 !important; margin: 0 !important; padding: 0 !important } .input-number-custom { -moz-appearance: textfield } .input-number-custom::-webkit-inner-spin-button, .input-number-custom::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .datepickers-container { z-index: 9999 } .datepickers-container .datepicker { padding: .375rem .625rem; font-family: inherit } .datepickers-container .datepicker--nav { border: none } .datepickers-container .datepicker--pointer { display: none !important } .datepickers-container .datepicker--nav-title { border-radius: 200rem; padding: 0 .5rem; font-weight: 600; font-size: .875rem; color: #000 } .datepickers-container .datepicker--nav-title i { color: #000 } .datepickers-container .datepicker--nav-title:hover { font-weight: 600; background-color: #000; color: #fff; border-radius: 200rem } .datepickers-container .datepicker--nav-title:hover i { color: #fff } .datepickers-container .datepicker--nav-title.-disabled- { pointer-events: none } .datepickers-container .datepicker--nav-title:not(.-disabled-):after { content: "" } .datepickers-container .datepicker--day-name, .datepickers-container .datepicker--days-names { margin: .25rem 0 } .datepickers-container .datepicker--nav-action { border-radius: 200rem } .datepickers-container .datepicker--nav-action path { stroke: #000 } .datepickers-container .datepicker--nav-action:hover { font-weight: 600; background-color: #000; color: #fff; border-radius: 200rem } .datepickers-container .datepicker--nav-action:hover path { stroke: #fff } .datepickers-container .datepicker--day-name { color: inherit; font-weight: 400 } .datepickers-container .datepicker--cell { border: none; color: #000; font-size: .75rem; height: 2.125rem } .datepickers-container .datepicker--cell:hover { font-weight: 600; background-color: #000; color: #fff; border-radius: 200rem } .datepickers-container .datepicker--cell.-selected-, .datepickers-container .datepicker--cell.-selected-:hover { border-radius: 200rem; background: #000; font-weight: 600; color: #fff } .datepickers-container .datepicker--cell.-focus-, .datepickers-container .datepicker--cell.-focus-:hover { background: #000; font-weight: 600; color: #fff } .datepickers-container .datepicker--cell.-range-to- { background: #eee } .datepickers-container .datepicker--cell.-selected-.-focus- { background: #eee; color: #000; font-weight: 600 } .datepickers-container .datepicker--cell.-range-from-.-selected- { border-radius: 200rem 0 0 200rem; background: #eee; font-weight: 600; color: #000 } .datepickers-container .datepicker--cell.-range-from-.-selected-:hover { border-radius: 200rem 0 0 200rem } .datepickers-container .datepicker--cell.-range-to- { border-radius: 0 200rem 200rem 0; color: #000; font-weight: 600 } .datepickers-container .datepicker--cell.-range-to-:hover { color: #fff; border-radius: 0 200rem 200rem 0 } .datepickers-container .datepicker--cell.-range-to-.-selected-:hover { color: #000 } .datepickers-container .datepicker--cell.-in-range- { font-weight: 600; background: #eee; color: #000 } .datepickers-container .datepicker--cell.-in-range-:hover { color: #000; background: #eee; border-radius: 0 } .datepickers-container .datepicker--cell.-disabled- { pointer-events: none !important; opacity: .3 } .selectize-control.select-currency, .selectize-control.select-currency .selectize-input { height: 3.5rem } .selectize-control.select-currency .select-currency--text { padding: .5rem 0 } .selectize-control.select-currency img { margin: auto 1rem auto 0; width: 2rem; height: 2rem; vertical-align: bottom } .selectize-control.select-currency p { margin-bottom: 0; font-weight: 600; font-size: 1rem; line-height: 1.25rem; color: #000 } .selectize-control.select-currency .item { height: 100%; display: flex; align-items: center } .selectize-control.select-currency .selectize-input { padding: 0 2.5rem 0 1rem; font-size: .875rem; color: #757575 } .selectize-control.select-currency .selectize-input:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; border: none; width: 1rem; height: 1rem; font-size: 1.2rem; right: 1.5rem; margin-top: -.5rem; transition: transform .3s; color: #596e98 } .selectize-control.select-currency .selectize-input input { display: none !important } .selectize-control.select-currency .selectize-dropdown { font-weight: 600 } .parsley-error-list, .parsley-errors-list { margin: .25rem 0 1rem; padding: 0; list-style-type: none } .parsley-error-list li, .parsley-errors-list li { font-size: .75rem; color: #d22323; padding: .3rem 0 0 .25rem !important; margin: 0 } .parsley-error-list li:before, .parsley-errors-list li:before { display: none !important } .parsley-error { margin-bottom: 0 } .parsley-error.custom-checkbox>span:before, .parsley-error.custom-radio>span:before { border: 2px solid #d22323 } .error .branch-selector__item-inner { color: #000 } .custom-checkbox, .custom-radio { margin-bottom: 0 } .form-control:disabled, .form-group.disabled .select2-selection, .form-group.disabled input, .selectize-control.select-selectize--search .selectize-input input:disabled, .selectize-control .selectize-input:disabled { background: #f8fafc !important; color: #596e98 !important } .form-control:disabled, .form-group.disabled, .selectize-control.select-selectize--search .selectize-input input:disabled, .selectize-control .selectize-input:disabled { pointer-events: none } .form-control--white, .form-control--white:focus { background-color: #fff } .form-group[disabled] .input-group, .form-group[disabled] .selectize-input, .form-group[disabled] input, .form-group[disabled] textarea { background-color: #f8fafc } .form-group[disabled] .float__currency, .form-group[disabled] .selectize-float-label, .form-group[disabled] .selectize-input, .form-group[disabled] label { color: #b8c3d9 } .form-group--checkbox-bg { background: #eef2f8; padding: 1.625rem 1.5rem; border-radius: .5rem } .form-group--checkbox-bg .custom-checkbox>span, .form-group--checkbox-bg .custom-radio>span { color: #000 } .custom-checkbox, .custom-radio { display: inline-block; position: relative; margin-bottom: 1rem; cursor: pointer; transition: all .3s } .custom-checkbox--block, .custom-radio--block { display: block } .custom-checkbox input, .custom-radio input { position: absolute; opacity: 0; visibility: hidden } .custom-checkbox>span:not(.error), .custom-radio>span:not(.error) { display: inline-block; padding-left: 1.875rem; color: #757575 } .custom-checkbox>span:not(.error):before, .custom-radio>span:not(.error):before { position: absolute; content: ""; left: 0; top: 0; width: 1.25rem; height: 1.25rem; border: 2px solid #757575; transition: border .3s } .custom-checkbox>span:not(.error):after, .custom-radio>span:not(.error):after { position: absolute; content: ""; left: .3125rem; top: .3125rem; opacity: 0 } .custom-checkbox input:checked+span:not(.error), .custom-radio input:checked+span:not(.error) { font-weight: 600 } .custom-checkbox input:checked+span:not(.error):before, .custom-radio input:checked+span:not(.error):before { border-color: #072447 } .custom-checkbox input:checked+span:not(.error):after, .custom-radio input:checked+span:not(.error):after { opacity: 1 } .custom-radio>span:before { border-radius: 50% } .custom-radio>span:after { width: .625rem; height: .625rem; background-color: #072447; border-radius: 50% } .custom-checkbox>span:not(.error):before { border-radius: .25rem } .custom-checkbox>span:not(.error):after { top: .3125rem; left: .25rem; width: .75rem; height: .4375rem; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg) } .custom-checkbox input:checked+span:not(.error):before { border-color: #072447; background-color: #072447 } .float-label { position: relative } .float-label label { position: absolute; top: 1rem; width: 100%; padding-left: 1.25rem; padding-right: 1rem; margin: 0; color: #596e98; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s; left: 0 } .float-label__input { padding-top: 1.375rem; padding-bottom: .625rem } .float-label.active label { top: .375rem; font-size: .75rem; color: #757575 } .input-group { background-color: #eef2f8; border-radius: .5rem } .input-group>.float-label { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0 } .input-group>.float-label:not(:first-child)>input { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group__icon { font-size: 1.125rem } .input-group-prepend { position: relative } .input-group-prepend:after { content: ""; position: absolute; right: 0; top: 50%; height: 1.75rem; width: 1px; margin-top: -.875rem; background-color: #d3dae5; z-index: 5 } .selectize-control { height: calc(1.5em + 2rem) } .selectize-control .selectize-input { padding-right: 1.875rem; box-shadow: none; cursor: pointer } .selectize-control.single .selectize-input:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; border: none; width: 1rem; height: 1rem; right: 1rem; margin-top: -.5rem; color: #072447; color: #596e98; transition: transform .3s } .selectize-control.single .selectize-input input { font-size: 1rem } .selectize-control.single .selectize-input input::placeholder { color: #596e98; opacity: 1 } .selectize-control.single .selectize-input.input-active { background-color: #eef2f8; cursor: pointer } .selectize-control.single .selectize-input.input-active:after { transform: rotate(180deg); margin-top: -.5rem; border: none } .selectize-control.single .selectize-input.input-active input { cursor: pointer } .selectize-control.single .selectize-input.dropdown-active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .selectize-control.single .selectize-input.dropdown-active:before { height: 2px; background-color: #072447 } .selectize-dropdown { margin-top: 0; border: none; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); border-radius: 0 0 .5rem .5rem } .selectize-dropdown .option { padding: .75rem 1.25rem; font-size: .875rem } .selectize-dropdown .option.active { background-color: #f8fafc; color: inherit } .selectize-control.plugin-floating_label .selectize-input { padding-top: 1.375rem; padding-bottom: .625rem } .selectize-control .selectize-float-label { position: absolute; top: 1rem; left: 1.25rem; margin: 0; color: #596e98; font-size: 1rem; transition: all .3s; cursor: pointer; z-index: 3 } .selectize-control .selectize-input.has-items~.selectize-float-label { top: .375rem; font-size: .75rem; color: #757575 } .input-group-prepend .selectize-control .selectize-input { border-top-right-radius: 0; border-bottom-right-radius: 0 } .selectize-control.select-phone-code img { margin-right: .25rem; width: 1.5rem; height: 1.5rem; vertical-align: bottom } .selectize-control.select-phone-code .selectize-input { width: 8.125rem; padding-right: 2.5rem; color: #596e98 } @media (max-width:767.98px) { .selectize-control.select-phone-code .selectize-input { width: 7.725rem; padding-right: 1.7rem } } .selectize-control.select-phone-code .selectize-input:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; border: none; width: 1rem; height: 1rem; right: .75rem; margin-top: -.5rem; transition: transform .3s; color: #596e98 } .selectize-control.select-phone-code .selectize-input input { display: none !important } .selectize-control.select-phone-code .selectize-dropdown { width: 8.125rem !important; font-weight: 600 } .input-search { display: block; position: relative; color: #000 } .input-search__button, .input-search__icon { position: absolute; top: 1rem; font-size: 1.25rem } .input-search__icon { left: 1.25rem; color: #072447 } .input-search__button { right: 1rem; margin: 0; padding: 0; border: none; background: none; box-shadow: none; color: #072447; outline: none } .input-search__input { padding-left: 3.25rem; padding-right: 3.25rem } .parsley-error-list { margin: 0; padding: 0; list-style-type: none } .parsley-error-list .parsley-error { font-size: .75rem; color: #d22323; padding: .2rem 0 0 .25rem !important; margin: 0 } .parsley-error-list .parsley-error:before { display: none !important } input.error { border-bottom: 2px solid #d22323 } .custom-checkbox, .form-group { position: relative } .custom-checkbox .info-icon, .form-group .info-icon { margin-left: .5rem; width: 20px; height: 20px; line-height: 15px; background-color: #072447; border-radius: 50%; text-align: center; padding: .1rem 0; font-size: .7rem; font-weight: 700; color: #fff; border: 1px solid #ccc; display: inline-block; position: relative; top: -2px } .custom-checkbox .info-icon.floating, .form-group .info-icon.floating { position: absolute; right: -2rem; top: 1rem } .form-group.error input, .form-group.error textarea { border-bottom: 2px solid #d22323 } .form-group.error .float-label label { color: #d22323 } .form-group.error .input-group { border-bottom: 2px solid #d22323 } .form-group.error .input-group input { border-bottom: 0 } .form-group.error .custom-checkbox>span, .form-group.error .custom-radio>span { color: #d22323 } .form-group.error .custom-checkbox>span:before, .form-group.error .custom-radio>span:before { border: 2px solid #d22323 } .form-group.error .select2-selection { border-bottom: 2px solid #d22323 } .form-group.error .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder { color: #d22323 } .form-group.success .input-group, .form-group.success input { border-bottom: 2px solid #0d8448 } .form-group.success .input-group input { border-bottom: 0 } input[type=file] { display: block; width: 100%; height: calc(1.5em + 2rem); font-weight: 400; line-height: 1.5; background-clip: padding-box; border: 0 solid #ced4da; border-radius: .75rem } .file-upload, input[type=file] { padding: 1rem 1.25rem; background-color: #eef2f8; color: #596e98; font-size: 1rem } .file-upload { border-radius: .75rem } .file-upload__side { border-bottom: 1px solid #d4d4d4; padding: 1rem 0 } .file-upload__side:last-child { border-bottom: 0 } .file-upload__title { color: #000; font-weight: 300 } .file-upload__link { font-size: .875rem; font-weight: 600 } .file-upload__sub-title { font-size: .875rem; font-weight: 300; color: #757575 } .file-upload .switch-box { margin-left: .75rem } .select2-container--bootstrap4 .select2-selection { padding: .6rem 1.25rem; font-size: 1rem; line-height: 1.5; color: #000; background-color: #eef2f8; background-clip: padding-box; border: 0; border-radius: .75rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: auto !important } .select2-container--bootstrap4 .select2-selection__arrow { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translateY(-50%) translateX(-5px); color: #596e98; -webkit-transition: all .3s; transition: all .3s; transition: transform .3s; transition: transform .3s, all .3s } .select2-container--bootstrap4 .select2-selection__arrow b { display: none } .select2-container--bootstrap4 .select2-selection__arrow:before { content: "\e91d" } .select2-container--bootstrap4 textarea::placeholder { display: none } .select2-container--bootstrap4 .select2-dropdown { border: none; border-top: 2px solid #072447 !important; box-shadow: 0 5px 15px hsla(0, 0%, 83.1%, .5); border-radius: 0 0 .5rem .5rem; overflow-y: auto } .select2-container--bootstrap4 .select2-container--bootstrap4 .select2-dropdown { box-shadow: 0 5px 15px rgba(0, 0, 0, .08) } .select2-container--bootstrap4 .select2-results__option { padding: .75rem 1.25rem; font-size: .875rem; cursor: pointer; color: #303030 } .select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] { background-color: #f8fafc; color: #303030 } .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field { height: 30px !important; background: #eef2f8 } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { border: 1px solid #072447; background: #072447; font-size: 12px; margin-top: 15px } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { background: #072447; border: 0; color: #fff } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display { font-size: .85rem; color: #fff } .select2-container--bootstrap4.select2-container--open .select2-selection--single .select2-selection__arrow { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); right: 15px; bottom: 15px } .select2-container { width: auto; display: block } .select2-results__option--highlighted, .select2-results__option--selected { background: #eef2f8 !important } .form-group-select-multi-text .select2-container--bootstrap4 .select2-search, .form-group-select-multi .select2-container--bootstrap4 .select2-search { display: none } .form-group-select-multi-text .select2-container, .form-group-select-multi .select2-container { width: 100%; background: #fff; border-radius: 1rem } .form-group-select-multi-text .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered, .form-group-select-multi .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { min-height: 1.57rem; display: inline-block; padding: 0; width: auto } .form-group-select-multi-text .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .form-group-select-multi .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { margin: 2px } .form-group-select-multi-text.selected-success label, .form-group-select-multi.selected-success label { top: .3rem; font-size: .75rem; color: #003edd } .form-group-select-multi-text.selected-success .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered, .form-group-select-multi.selected-success .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { margin: 5px 0 0; display: inline-block } .form-group-select-multi-text.selected-success .select2-selection--multiple, .form-group-select-multi.selected-success .select2-selection--multiple { padding: 1rem 1rem .2rem; display: inline-block } .form-white .select2-container--bootstrap4 .select2-selection { background: #fff } .form-white .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field { background: transparent } .form-white .float-label__input { background: #fff } .form-group-select-multi-text.selected-success .select2-selection--multiple { padding: 1rem 1rem .2rem !important } .form-group-select-multi-text .select2-selection--multiple .select2-selection__choice { border: 0; background: none } .form-group-select-multi-text .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display { font-size: 1rem; line-height: 1.5; color: #000 } .form-group-select-multi-text .select2-container--bootstrap4 .select2-selection, .form-group-select-multi .select2-container--bootstrap4 .select2-selection { padding: .8rem 1.25rem } .hasCheckBox.select2-container--bootstrap4 .select2-results__option { position: relative; padding-left: 2rem } .hasCheckBox.select2-container--bootstrap4 .select2-results__option:before { position: absolute; content: ""; left: .6rem; top: 1rem; width: 1rem; height: 1rem; border: 2px solid #757575; transition: border .3s; border-radius: .25rem } .hasCheckBox.select2-container--bootstrap4 .select2-results__option:after { position: absolute; content: ""; opacity: 1; top: 1.25rem; left: .8rem; width: .6rem; height: .45rem; transform: rotate(-45deg) } .hasCheckBox.select2-container--bootstrap4 .select2-results__option.select2-results__option--selected:after { border-left: 2px solid #fff; border-bottom: 2px solid #fff } .hasCheckBox.select2-container--bootstrap4 .select2-results__option.select2-results__option--selected:before { background-color: #072447; border-color: #072447 } .form-modal-submit { text-align: right } .form-modal-submit button { width: 100% } @media (min-width:576px) { .form-modal-submit { margin-left: auto } .form-modal-submit button { width: auto } } [dir=rtl] .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { top: 46% } [dir=rtl] .select2-container--bootstrap4.select2-container--open .select2-selection--single .select2-selection__arrow { bottom: 18px } [dir=rtl] .select2-selection--single .select2-selection__rendered { padding-left: 8px !important; padding-right: 20px !important } [dir=rtl] .select2-container--open .select2-dropdown { right: 0; left: auto } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } input[type=number] { -moz-appearance: textfield } [dir=rtl] .custom-checkbox>span:not(.error):after { left: .25rem; border-right: 2px solid #fff; transform: rotate(-310deg); border-left: 0 } .inline-form-row label { margin-bottom: 0; font-weight: 600; font-size: 1rem } .inline-form-row .form-group { margin: 0 } .three-col>div { display: flex; flex-wrap: wrap } .three-col>div>.custom-checkbox { width: 30% } @media (max-width:991.98px) { .three-col>div>.custom-checkbox { width: 50% } } .two-col>div { display: flex; flex-wrap: wrap } .two-col>div>.custom-checkbox { width: 50% } .form-group-heading { font-size: 20px !important; font-weight: 600 !important } html[dir=rtl] .remove-group-field { float: right !important } .select-selectize--white .select2-container--bootstrap4 .select2-selection { background-color: #fff } .select-phone-code .selectize-input.locked { padding-right: 1rem; padding-left: 1rem; width: 7rem } .select-phone-code .selectize-input.locked:after { display: none } [dir=rtl] .float-label input { direction: ltr } .form-group .js-multiSelect { height: auto } .form-group .js-multiSelect .selectize-input { flex-wrap: wrap; background-color: #eef2f8 !important; padding: 13.3px .75rem !important; height: auto !important } .form-group .js-multiSelect .selectize-input>input { font-size: 14px } .form-group .js-multiSelect .selectize-input.has-items { padding: 9px .75rem !important } .form-group .js-multiSelect .selectize-input>div { background-color: #fff; color: #5a7cd2; border-radius: 8px; padding: 3px 10px; font-size: 12px } .form-group .js-multiSelect .selectize-input>div>.remove { border: none; padding: 4px 3px 0 0 } .form-group .js-multiSelect .selectize-dropdown-content .option .highlight { display: inline-block !important; margin: 0 !important } .form-group.white-variant .js-multiSelect .selectize-input { background-color: #fff !important; border: 1px solid #757575; padding: 0 0 0 .75rem !important; min-height: 48px; display: inline-flex; align-items: center } .form-group.white-variant .js-multiSelect .selectize-input>div { background-color: #eef2f8; color: #5a7cd2; margin-top: 2px } .form-group.white-variant .js-multiSelect .selectize-input input { height: auto; border: 0 } .prefixField>div { position: relative } .prefixField .form-control, .prefixField .selectize-control.select-selectize--search .selectize-input input, .prefixField .selectize-control .selectize-input, .selectize-control .prefixField .selectize-input, .selectize-control.select-selectize--search .selectize-input .prefixField input { padding-left: 4.5rem !important } .prefixField .prefix { min-width: 50px; position: absolute; height: 46px; background-color: #f4f7fe; color: #072447; align-items: center; padding: 0 1rem; border-radius: .5rem; width: 3.5rem; display: flex; justify-content: center; top: 1px; left: 1px } .prefixField .prefix img { height: 1.5rem } .form-group-disabled .selectize-float-label { top: .375rem; font-size: .75rem } .tabs-responsive { overflow-x: auto; border-bottom: 1px solid #d4d4d4; scrollbar-width: thin } .tabs-responsive--inline { border-bottom: none } .tabs { display: flex; flex-wrap: nowrap; justify-content: center; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #d4d4d4 } .tabs-responsive .tabs { display: inline-flex; border-bottom: none } .tabs-responsive--inline .tabs { display: inline-flex; border-bottom: 1px solid #d4d4d4 } .tabs--inline { display: inline-flex } .tab-item { min-width: 5rem } .tab-item__link { display: block; height: 100%; padding-bottom: .75rem; padding-left: .5rem; padding-right: .5rem; border: none; border-bottom: 3px solid transparent; color: #757575; line-height: 1.3; text-align: center; white-space: nowrap } @media (min-width:768px) { .tab-item__link { padding-left: 1rem; padding-right: 1rem } } @media (min-width:1200px) { .tab-item__link { padding-left: 1.5rem; padding-right: 1.5rem } } .tab-item__link.active { border-bottom-color: #072447; color: #000; text-shadow: 0 0 #000 } .tab-item__icon { display: inline-block; font-size: 1.5rem; margin-bottom: .75rem } .tab-item__icon-img { width: 1.5rem; margin-bottom: .75rem } .tab-item__title { display: block; font-size: 1.125rem } @media (max-width:768px) { .tab-item__title { font-size: 1rem } } .tabs--white { border-bottom-color: rgba(230, 237, 255, .3) } .tabs--white .tab-item__link { color: #fff } .tabs--white .tab-item__link.active { border-bottom-color: #fff } .tabs-responsive--inline .tabs--white { border-bottom-color: rgba(230, 237, 255, .3) } .tabs--secondary .tab-item__link.active { border-bottom-color: #2765ff } .tabs--pillsTabs { border-bottom: none } .tabs--pillsTabs .nav-item { margin: 0 .3rem; min-width: 3.5rem } .tabs--pillsTabs .nav-item:first-child { margin-left: 0 } .tabs--pillsTabs .tab-item__link { font-size: .9375rem; padding: .375rem 1rem; line-height: 1.25rem; font-weight: 600; background-color: #fff; border-radius: 1rem; text-align: center; color: #072447; cursor: pointer; border: 1px solid #eee } .tabs--pillsTabs .tab-item__link.active { background-color: #000; color: #fff } .tabs-collapse .tabs-responsive { display: none; margin-bottom: 1.5rem } @media (min-width:768px) { .tabs-collapse .tabs-responsive { display: block } } @media (min-width:768px) { .tabs-collapse .collapse-wrapper { background-color: transparent } } .tabs-collapse .collapse__toggle--tab { display: flex } @media (min-width:768px) { .tabs-collapse .collapse__toggle--tab { display: none } } @media (min-width:768px) { .tabs-collapse .collapse__content { display: block !important } } .tabs-collapse .collapse__content--inner { padding: 0 1.25rem 1rem } @media (min-width:768px) { .tabs-collapse .collapse__content--inner { padding: 0 } } .tabs-collapse .collapse__content--inner a { font-weight: 700; text-decoration: underline } @media (max-width:767.98px) { .tabs-collapse .tab-content>.tab-pane { display: block !important; opacity: 1 } } .collapse__content--inner a { font-weight: 700; text-decoration: underline } .collapse__content--inner .list-flex { width: 100% } .collapse__content--inner .list-flex--child { display: flex; flex-wrap: wrap } .collapse__content--inner .list-flex--child li { flex: 0 0 50% } @media (max-width:991.98px) { .collapse__content--inner .list-flex--child li { flex: 0 0 100% } } .collapse__toggle picture:has(.img-50) { flex-shrink: 0 } .collapse__toggle picture:has(.img-50)+div p { margin-bottom: 0 !important } .tab-pane .section--bg-light { padding-bottom: 0 !important } .tab-pane .lazy-component:not(:first-of-type) .section--bg-light { padding-top: 0 !important } .tab-pane .lazy-component>section { padding: 0 } @media (max-width:767px) { .tab-pane.container .collapse__limitedItems { margin-left: -2rem; margin-right: -2rem } } .card { position: relative; display: flex; min-width: 0; flex-direction: column; background-color: #fff; background-clip: border-box; border-radius: .5rem; word-wrap: break-word; overflow: hidden } .card, .card:hover { color: #000 } .card--no-border { border: none } .card--no-bg { background: transparent } .card--bg-light { background: #eef2f8 } .card--shadow { box-shadow: 0 5px 15px rgba(0, 0, 0, .12) } .card__body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem } .card__footer { padding: 0 } @media (min-width:768px) { .card__footer { padding: 0 1.25rem 1.25rem } } @media (max-width:767.98px) { .card__footer { padding: 0 .5rem 1rem } .card__footer a { font-size: 13px } } .card__footer--line { border-top: 1px solid #d4d4d4; padding-top: 1.25rem } .card__time { text-align: left } .card__text ul li { margin-bottom: .5rem } .card__text ul li:last-child { margin-bottom: 0 } .card__gray { background-color: #eef2f8 } @media (max-width:991.98px) { .card__gray { background-color: transparent; border-radius: 0; border-bottom: 1px solid #efefef } } .card__gray .card__icon>i { background-color: #fff !important } .card--bigImg figure { margin: 0 } .card--bigImg figure img, .card--bigImg img { width: 100% } .card--bigImg .content { padding: 1.5rem } .card--bigImg .content h3 { font-size: 1rem; margin: 0 } @media (min-width:992px) { .card--bigImg { align-items: center; flex-direction: row } .card--bigImg .content { padding: 2rem 4rem } .card--bigImg .content h3 { font-size: 20px; font-weight: 700; margin: 0; line-height: 1.3 } } @media (max-width:1199.98px) { .card--bigImg .content { padding: 2rem } .card--bigImg .content h3 { font-size: 18px } } .card--bigImg .stretch-link { position: static } .card--bigImg .stretch-link:before { content: ""; position: absolute; top: 0; display: block; left: 0; width: 100%; height: 100% } .card--bigImg.card--row { align-items: stretch } .card--bigImg.card--row img { height: 100%; object-fit: cover } .card--large { border-radius: 1rem; border: none; padding: 2.5rem 1rem 0 } .card--large h3 { font-size: 1rem; font-weight: 600 } .card--large h2 { font-size: 24px; font-weight: 300 } .card--large p { font-size: 1rem; margin: 0 } .card--large figure { margin: 0; text-align: right } .card--large:hover { color: inherit } @media (max-width:991.98px) { .card--large { padding-bottom: 1.5rem } } .card--image .card__picture { margin-bottom: .5rem } .card--image .card__title { margin-bottom: .875rem; font-weight: 400; font-size: 1.125rem } .dark-text .card--image .card__title { font-weight: 300 } @media (min-width:768px) { .card--image .card__title { font-size: 1.5rem } } .card--image .card__text { font-size: 1rem !important; font-weight: 300 } .card--image .card__link { font-weight: 600 } .card--image-icon .card__picture { margin-bottom: 0 } .card--image-icon .card__picture>img { width: 42px } .card--image-icon .card__icon { line-height: 1; font-size: 2.125rem; color: #072447 } .dark-text .card--image-icon a { color: #000 } .card--image-full-width .card__picture>img { width: 100%; height: 100%; object-fit: cover } .card--image-full-width .card__meta { margin-bottom: .375rem; font-size: .75rem; font-weight: 600; color: #757575 } .card--image-full-width .card__title { font-size: 1rem; font-weight: 600 } .card--image-full-width .d-flex.position-absolute { bottom: 0 } .card--image-full-width .d-flex.position-absolute:has(a:nth-last-child(n+2)) { position: relative !important; text-align: left !important; padding-bottom: 0 !important; margin-bottom: -.5rem } .card--news { height: 100%; font-size: .875rem; border-radius: .5rem; border: none; overflow: hidden; color: inherit } .card--news .card__picture>img { width: 100%; height: 13.75rem; object-fit: cover } .card--news .card__date { margin-bottom: .5rem; font-size: .75rem; font-weight: 600; color: #757575 } .card--news .card__title { font-size: 1rem; font-weight: 600; margin-bottom: 0 } .card--news .card__text { margin-top: 1rem; font-size: 1rem; line-height: normal; margin-bottom: 0 } .card--action { margin-bottom: 1rem; min-height: 6.25rem; color: #072447 } .card--action:hover { color: #000101 } .card--action .card__body { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: .75rem .75rem .875rem } .card--action .card__icon { text-align: right; font-size: 1.125rem } .card--action .card__icon>i { display: inline-block; width: 2.25rem; line-height: 2.25rem; border-radius: 50%; text-align: center; background-color: #eceff7 } .card--action .card__icon>img { width: 2.25rem } .card--action .card__icon--left { text-align: left } .card--action .card__icon-picture { text-align: right } .card--action .card__icon-circle { padding: .3125rem; background-color: #eceff7; border-radius: 50% } .card--action .card__content { margin-top: auto; padding-top: .5rem; line-height: 1.4; font-weight: 600 } .card--action.card--active { background-color: #072447; border-color: #072447; color: #fff } .card--action.card--active .card__icon { color: #072447 } .card--action-hover { transition: all .3s } .card--action-hover:hover { background-color: #072447; color: #fff } .card--action-hover:hover .card__icon { color: #072447 } .card--action-hover:hover .card__icon-picture img { filter: none } .card--action-hover:hover .text-gray { color: #fff !important } @media (max-width:575.98px) { .card--action-responsive { min-height: 4rem; height: 100% } .card--action-responsive .card__body { display: flex; flex-direction: row-reverse; align-items: center; padding-top: 1rem; padding-bottom: 1rem } .card--action-responsive .card__content { margin-top: 0; margin-right: auto; padding-top: 0; padding-right: .75rem; font-weight: 300 } } .card--icon { min-height: 6.25rem } .card--icon .card__body { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 1rem } .card--icon .card__icon { margin-left: -1rem; margin-right: -1rem; margin-top: -1rem; padding-top: .75rem; padding-right: .75rem; padding-left: .75rem; text-align: right; font-size: 1.125rem } .card--icon .card__icon>i { display: inline-block; width: 2.25rem; line-height: 2.25rem; border-radius: 50%; text-align: center; background-color: #eceff7 } .card--icon .card__icon>img { width: 2.25rem } .card--icon .card__content { margin-top: auto; padding-top: 1.5rem } @media (max-width:991.98px) { .card--icon .card__content { padding-top: 0 } .card--icon .card__content a.fs-13 { font-size: 14px !important } } .bg-img-overlay-none:before { background-image: none !important } .card--gradient-cover { position: relative; min-height: 28rem; background-color: #eef2f8; background-size: cover; background-position: 50%; background-repeat: no-repeat; text-align: center; color: #fff; overflow: hidden } .card--gradient-cover:hover { color: #fff } @media (min-width:992px) { .card--gradient-cover { min-height: 31.25rem } } .card--gradient-cover--large { min-height: 31.25rem } .card--gradient-cover:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: var(--overlay-bg, linear-gradient(180deg, rgba(12, 11, 27, .88), rgba(32, 31, 42, 0))) } .card--gradient-cover .card__body { position: relative; padding: 1.5rem 1.25rem 2.5rem } .card--gradient-cover .card__title { font-size: 1rem; font-weight: 600 } .card--gradient-cover .card__text { margin-bottom: 1.25rem; font-size: 1.125rem; line-height: normal; font-weight: 400 } .card--gradient-cover .card__link { color: #fff } .card--prices { margin-bottom: 1rem } .card--prices .card__body { padding: 1rem } .card--prices .card__title { font-weight: 300; font-size: 1.125rem } .card--prices .card__price-row { display: flex; justify-content: space-between; font-size: 1rem } .card--prices .card__price-row>span:first-child { color: #757575 } .card--prices .card__price-row>span:last-child { font-weight: 600 } .card--bg-switch { background-color: #eceff7 } .card--bg-switch .card__icon>i { background-color: #fff } .card--cover { position: relative; min-height: 28rem; background-color: #eef2f8; background-size: cover; background-position: 50%; background-repeat: no-repeat; text-align: center; color: #fff; overflow: hidden } @media (min-width:992px) { .card--cover { min-height: 31.25rem } } .card--cover:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: var(--overlay-bg, linear-gradient(180deg, rgba(0, 0, 0, .7), transparent)) } .card--cover .card__body { position: relative; padding: 1.75rem 1.25rem 2.5rem } .card--deal { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 7.9375rem; border: none; background-position: 50%; background-size: cover; background-repeat: no-repeat; color: #fff; font-size: .875rem; overflow: hidden } @media (min-width:768px) { .card--deal { min-height: 11.875rem } } .card--deal:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); background-image: linear-gradient(transparent 30%, rgba(45, 48, 78, .3) 65%, rgba(21, 18, 62, .7)); transition: all .3s; z-index: 2 } .card--deal:hover { color: #fff } .card--deal:hover:before { background-image: linear-gradient(transparent 15%, rgba(45, 48, 78, .3) 70%, rgba(21, 18, 62, .7)) } .card--deal .card__body, .card--deal>div { position: relative; z-index: 3 } .card--deal .card__body { flex: 0 1 auto; padding: .75rem; transition: all .3s } @media (min-width:768px) { .card--deal .card__body { padding: 1.25rem } } .card--deal:hover .card__body { padding-bottom: 1.5rem } .card--deal__image { position: absolute; width: 100%; height: 100%; object-fit: contain; z-index: 1 } .card--deal__title { margin-bottom: .5rem; font-size: .875rem; font-weight: 700 } @media (min-width:768px) { .card--deal__title { font-size: 1.25rem } } .card--deal__desc { font-size: 1rem; font-weight: 300 } @media (min-width:768px) { .card--deal__desc { font-size: .875rem } } .card--deal__discount { display: inline-block; position: absolute; top: 0; left: 1.5rem; padding: .375rem .5rem; border-radius: 0 0 .25rem .25rem; background-color: #2765ff; color: #000; font-weight: 700; z-index: 4 } .card--deal__footer { position: relative; margin-top: 1.25rem; padding: 1.25rem .75rem .75rem; background-color: #072447; font-size: .625rem; color: #fff } @media (min-width:768px) { .card--deal__footer { padding: 1.625rem 1.25rem 1rem } } .card--deal__time { display: inline-block; position: absolute; top: -1rem; padding: .625rem 1rem; border-radius: .5rem; line-height: 1; font-weight: 700; background-color: #2765ff; color: #000 } .card--deal__footer-item span { display: block; font-weight: 600; font-size: .625rem } .card--deal__footer-item span:first-child { font-size: .5rem; font-weight: 700; color: hsla(0, 0%, 100%, .7) } @media (min-width:576px) { .card--deal__footer-item span { font-size: .75rem } .card--deal__footer-item span:first-child { font-size: .625rem } } .card__body--left-icon { display: flex } .card__body--left-icon .card__icon { flex: 0 0 2rem; width: 2rem; margin-right: .625rem; font-size: 1.5rem; color: #072447 } .card-slider .swiper-slide { width: 16.66667%; min-width: 11.5rem; height: auto; padding: 0 .5rem } .card-slider--actions-4 .swiper-slide { width: 50%; min-width: 50% } .card-slider--actions-4 .swiper-slide .card { margin-bottom: 0 } @media (min-width:768px) { .card-slider--actions-4 .swiper-slide { width: 33.33%; min-width: 33.33% } } @media (min-width:992px) { .card-slider--actions-4 .swiper-slide { width: 25%; min-width: 25% } } .category-cards { overflow: hidden } @media (min-width:576px) { .category-cards { background: #eff0f6 } } .category-cards__container { max-width: 1300px; position: relative; z-index: 1; padding: 2rem 1rem; margin: 0 -1rem } @media (min-width:576px) { .category-cards__container { margin-left: auto; margin-right: auto; border-bottom: 1px solid #d4d4d4 } } @media (min-width:1200px) { .category-cards__container { padding: 4rem 0 } } .category-cards .swiper-container { padding: 0 .75rem } @media (min-width:576px) { .category-cards .swiper-container { padding: 0; margin: 0 -.625rem } } .category-cards__item { position: relative; border-radius: .5rem; overflow: hidden } .category-cards__item:hover .category-cards__image:before { opacity: .8 } .category-cards__image { position: relative } .category-cards__image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #191919; opacity: .6; transition: all .4s } .category-cards__name { font-size: .875rem; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.2; color: #fff; text-align: center; width: calc(100% - 1rem); height: calc(100% - .75rem); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } @media (min-width:768px) { .category-cards__name { font-size: 1rem; line-height: 1.5; font-weight: 300 } } @media (min-width:1200px) { .category-cards__name { font-size: 1.125rem } } .category-cards__name>span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .category-cards__stretch-link { position: static } .category-cards__stretch-link:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .category-cards__image img { width: 100%; max-height: 5rem } .services-2__swiper { max-width: 51.25rem } .cc-block--remove { position: absolute; left: 0; right: 0; top: 0; z-index: 99 } .card--highlight { margin-bottom: 1rem; border: 1px solid #e4e9f0; border-radius: .5rem; height: calc(100% - 1rem); padding: 2.188rem 1.5rem 1.563rem; min-height: 11.5rem } @media (min-width:768px) { .card--highlight { height: calc(100% - 1.25rem); margin-bottom: 1.25rem; padding: 2.25rem 1.5rem 1.625rem } } .card--highlight__icon { margin-bottom: 1.5rem } .card--highlight__semi-title { font-size: 1.875rem; line-height: 1.2 } .card--highlight_large { min-height: 24.25rem } @media (min-width:992px) { .card--highlight_large { height: 100% } } .card--highlight-block { height: calc(100% - .75rem); min-height: auto; padding: 1.5rem 1rem; border: 0; border-radius: 0 } .card--cib { height: calc(100% - 1.5rem); margin-bottom: 1.5rem } .card--cib ul { padding: 0; margin-bottom: 0 } .card--cib .card__text { display: block; overflow: inherit } .card--cib picture img { border-radius: .5rem .5rem 0 0 } .card--cib-list .card__text { padding-bottom: 6rem } .card--cib-list .btn--list { position: absolute; bottom: 1rem; width: calc(100% - 2.5rem) } .card--cib-list .btn--list .link-arrow { margin-top: .75rem } .card--cib-list .btn--list .btn--wide.btn-xl { width: 100%; min-width: unset } .card--image .card__text ul { padding-left: 1rem } .card-highlight__icon { width: 3rem; height: 3rem; background: #eceff7; padding: .5rem; margin: 0 auto 1rem; border-radius: 100px } @media (min-width:768px) { .key-highlight { margin-top: -200px; z-index: 100; position: relative } } .key-highlight .card { margin-bottom: 1rem } .pb-video-container .key-highlight { margin-top: -264px } .private-banking__inspiration .card__picture { height: 0; padding-bottom: 49.7%; width: 100% } .private-banking__inspiration .card__picture>img { height: auto } .private-banking__leaders .swiper-container { position: relative; width: 90% !important; margin: 0 auto; overflow-x: hidden } @media only screen and (max-width:768px) { .private-banking__leaders .swiper-container { width: 100% !important } .private-banking__inspiration .card__text { -webkit-box-orient: unset; overflow: visible } .private-banking__inspiration .card--news .card__picture>img { height: auto } .private-banking__stats .card .fs-42 { font-size: 1.875rem !important } .private-banking__stats .card .fs-12, .private-banking__stats .card .fs-42 { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis } .private-banking__stats .swiper-container { min-height: 6.25rem } .achievement-swiper .swiper-slide { height: auto; margin-bottom: 1rem } .private-banking__inspiration .card--news .card__footer { padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem } } .js-swiper-stats .card { border: none } .bg-gray .card.card--image-icon:not(.text-center), .section--bg-light .card.card--image-icon:not(.text-center) { background-color: #fff !important } .bg-gray .card.card--image-icon:not(.text-center) .card__body, .section--bg-light .card.card--image-icon:not(.text-center) .card__body { display: flex; flex-direction: column } .bg-gray .card.card--image-icon:not(.text-center) .card__body .stretched-link, .section--bg-light .card.card--image-icon:not(.text-center) .card__body .stretched-link { margin-top: auto } .bg-white .card.card--image-icon:not(.text-center) { background-color: #eef2f8 !important } .bg-white .card.card--image-icon:not(.text-center) .card__body { display: flex; flex-direction: column } .bg-white .card.card--image-icon:not(.text-center) .card__body .stretched-link { margin-top: auto } .cardList--imge .block-grid { background-color: #fff; border-radius: .625rem; padding: 1.4rem 1.4rem 0 } @media (max-width:991.98px) { .cardList--imge .block-grid { padding-bottom: 1.4rem } } .cardList--imge .block-grid__title { font-weight: 700; margin-top: .375rem } .cardList--imge .block-grid__icon-picture { display: block; position: relative; height: 0; padding-bottom: 100% } .cardList--imge .block-grid__icon-picture img { width: 100%; position: absolute; top: 0; left: 0; object-fit: cover; height: 19rem; right: 0; margin: auto; border-radius: 10px } .cardList--imge .block-grid__top { margin-bottom: 1.375rem } .cardList--bodyText-center .block-grid__body { text-align: center } .card-v2 .card__body { padding: 2rem 1.25rem 0 } .card-v2 .card__body .card__text>a { display: block; padding: .3rem 0 } .card-v2 .card__body .card__text>a:first-child { margin-top: 1rem } .card-v2 .card__title { font-weight: 600 } @media (min-width:768px) { .card-v2 .card:hover .card__picture img { transform: scale(1.1) } .card-v2 .card__picture { max-height: 30rem; overflow: hidden } .card-v2 .card__picture img { transition: all .3s } } .card__body--text-center .card__body { text-align: center !important; padding: 1.75rem 1.25rem } .card__body--text-center .card__body .card__title { font-size: 1.125rem } .card__body--text-center .card__body .card__text { margin-bottom: 0 !important; font-size: 1rem } .card-bottom-info { padding: 0; height: 100%; border: 1px solid #ededed } .card-bottom-info>a { height: 100%; display: flex !important; flex-direction: column } .card-bottom-info figure { background-size: cover; background-position: 50%; background-repeat: no-repeat; margin: 0; height: 220px; flex-shrink: 0 } .card-bottom-info .content { background-color: #072447; color: #fff; padding: 1.5rem 1rem; display: flex; flex-direction: column; height: 100% } .card-bottom-info .content h2 { font-size: 18px } .card-bottom-info .content p { font-size: 16px } .card-bottom-info .content span { font-size: 12px; margin-top: auto } .card-bottom-info__last-child { height: 100%; display: flex; justify-content: center; text-align: center; align-items: center; background-color: #fff } .card-bottom-info__last-child .content { background-color: #fff; color: #072447; align-items: center; justify-content: center } .card-bottom-info__last-child .content h3 { font-size: 24px; font-weight: 700 } .swiper-stories { margin-left: -.375rem; margin-right: -.375rem } .swiper-stories .swiper-slide { width: auto; padding-left: .375rem; padding-right: .375rem } .stories { position: absolute; top: -7.875rem; left: 0; width: 100%; padding: .5rem .9375rem; background-color: #212529; z-index: 10; overflow: hidden } .stories__button { display: none } @media (min-width:768px) { .stories__button { display: flex; margin-top: .625rem } } @media (min-width:768px) { .stories { top: auto; right: 1rem; left: auto; bottom: 1rem; width: 11.25rem; padding: 0; background-color: transparent } } .card-story { display: block; width: 4.625rem } @media (min-width:768px) { .card-story { width: 3.1875rem } } .card-story__picture { display: block; position: relative; height: 6.875rem; border-radius: .25rem; background-position: 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden } @media (min-width:768px) { .card-story__picture { height: 4.9375rem } } .card-story__image { width: 100%; height: 100%; object-fit: cover } .card-story__icon { position: absolute; left: 50%; bottom: 10%; width: 50%; max-width: 2.125rem; max-height: 2.125rem; padding: .125rem; border-radius: 50%; border: 2px solid #072447; transform: translateX(-50%) } .web-experience { padding: 2rem 0; background-color: #eef2f8 } @media (min-width:768px) { .web-experience { padding: 3.5rem 0 2rem } } .web-experience__subtitle { font-size: 1rem; font-weight: 400; margin-bottom: .625rem } .web-experience__link { color: #000; font-weight: 700; text-decoration: underline } .web-vote { display: flex; flex-direction: column-reverse } @media (min-width:768px) { .web-vote { flex-direction: row } } .web-vote__label { margin-top: 1rem; margin-right: 1rem } @media (min-width:768px) { .web-vote__label { margin-top: 0 } } .web-vote__input { display: flex; position: relative; width: 34.375rem; max-width: 100%; margin-left: auto; margin-right: auto; flex-direction: row-reverse; justify-content: space-between } .web-vote__input:before { content: ""; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .08); height: 1rem; width: 100%; border-radius: .625rem } .web-vote__input>input { position: absolute; opacity: 0; visibility: hidden } .web-vote__input>label { display: block; position: relative; flex: 0 1 2rem; cursor: pointer; padding-top: 1.375rem; text-align: center } .web-vote__input>label:before { content: ""; position: absolute; top: .25rem; width: .5rem; height: .5rem; background-color: rgba(0, 0, 0, .3); border-radius: 50% } .web-vote__input>label:after { content: ""; display: none; position: absolute; top: -.3125rem; left: .25rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #fff } .web-vote__input>input:checked+label:after { display: block } @media screen and (max-width:768px) { .web-experience .footer-top__col:last-of-type span { text-align: right } .web-experience .footer-top__col:last-of-type .social-links a { margin-left: 1.2rem } } .custom-range-slider:hover .irs .irs-single { opacity: 1 } .custom-range-slider .irs { font-family: inherit } .custom-range-slider .irs .irs-bar, .custom-range-slider .irs .irs-line { height: .5rem } .custom-range-slider .irs .irs-line { background-color: #fff } .custom-range-slider .irs .irs-bar { background-color: #072447 } .custom-range-slider .irs .irs-handle { width: 1.25rem; height: 1.25rem; top: 25px; transform: translateY(-30%); background-color: #fff; border-radius: 50%; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); cursor: pointer } .custom-range-slider .irs .irs-handle>i:first-child { background-color: #fff; border-radius: 50%; border: 3px solid #072447; width: 100%; height: 100%; left: 0 } .custom-range-slider .irs .irs-single { top: -2.5rem; padding: .75rem 1rem; font-size: .875rem; font-weight: 700; border-radius: .625rem; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); color: #757575; transition: all .2s; display: flex; gap: .2rem; opacity: 0 } @media (max-width:767.98px) { .custom-range-slider .irs .irs-single { top: -2.1rem; padding: .45rem .6rem } } .custom-range-slider .irs .irs-single:before { bottom: -1.125rem; margin-left: -.625rem; border-width: .625rem; border-top-color: #fff } [dir=rtl] .custom-range-slider .irs-from, [dir=rtl] .custom-range-slider .irs-single, [dir=rtl] .custom-range-slider .irs-to { left: unset } .custom-range-slider .irs-single { cursor: pointer; z-index: 1 } .form-group .custom-range-slider .irs .irs-line { background-color: #eef2f8 } .dropdown-custom { width: 12.5rem; max-width: 100% } .dropdown-custom .dropdown-toggle { position: relative; width: 100%; padding-right: 2rem; text-align: left; font-weight: 600 } .dropdown-custom .dropdown-toggle small { font-size: .75em; line-height: 1.1; color: #757575 } .dropdown-custom .dropdown-toggle:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; border: none; top: 50%; right: 1rem; margin: -.5rem 0 0; line-height: 1; color: #072447; color: #596e98 } .dropdown-custom .dropdown-menu { width: 18rem } .dropdown-menu__list { margin: 0; padding: 0; list-style: none } .dropdown-menu__list>li { display: block; position: relative } .dropdown-menu__list>li>a { display: flex; position: relative; padding: .875rem 1rem; align-items: center; border-bottom: 1px solid hsla(0, 0%, 83.1%, .3); color: #072447 } .dropdown-menu__list>li>a>i { margin-right: .625rem } .dropdown-menu__list>li>a:hover { background-color: #eef2f8 } .dropdown-menu__list>li>a:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e91c"; position: absolute; right: 1rem; top: 50%; margin-top: -.5rem; font-size: 1rem } .dropdown-menu__list>li:last-child>a { border-bottom: none } .dropdown-menu__icon-img { margin-right: .5rem } .dropdown-menu__icon-img>img { width: 1.5rem; height: auto } .dropdown-menu { max-height: unset; overflow: auto; transform: translate3d(5px, 35px, 0) } .d-inline-block.dropdown a[data-toggle=dropdown] { top: -2px; position: relative } .collapse-wrapper { margin-bottom: 1.25rem; background-color: #f8fafc; border-radius: .75rem } @media (min-width:768px) { .collapse-wrapper .collapse__toggle { font-size: 1.125rem } } .collapse__allItems { display: none } .collapse__toggle { display: flex; position: relative; align-items: center; padding: 1.25rem 2.5rem 1.25rem 1.25rem; font-size: 1rem; font-weight: 600 !important; color: #000 } .collapse__toggle:after { content: ""; font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 1.5rem; right: 1.125rem; line-height: 1; color: #072447; color: #596e98; transition: transform .3s } .collapse__toggle[aria-expanded=true]:after { transform: translateY(-50%) rotate(180deg) } .collapse__toggle--center-arrow:after { top: 50% } .collapse__toggle-icon { display: inline-block; margin-right: .75rem; font-size: 1.125rem; line-height: 1; color: #596e98 } .collapse__toggle-icon img { width: 1.125rem } .collapse__toggle-icon--circle { width: 28px; font-size: 1rem; line-height: 1.625rem; text-align: center; border-radius: 50%; border: 1px solid rgba(7, 36, 71, .5); color: #072447 } .collapse__content--inner { padding: 0 1.25rem 1.25rem } .collapse-wrapper p:has(.icon-document) { display: flex; align-items: center } .collapse-wrapper p:has(.icon-document) .icon-document { margin-right: .5rem } .collapse-wrapper p:has(.icon-document) a { text-decoration: none; font-weight: 400 } .toggle__collaps { position: relative } .toggle__collaps:after { position: absolute; top: 50%; transform: translateY(-50%) } .category-selector { display: flex; justify-content: center; flex-wrap: wrap; margin-left: .3125rem; margin-right: .3125rem } .category-selector>a { width: 25%; margin: 0 .3125rem .625rem } .social-links img { vertical-align: baseline; max-width: 15px } .bg-ff { background: #3b55a0 } .bg-tw { background: #37c5f5 } .bg-ll { background: #2679ba } .site-main { position: relative } .site-main .breadcrumb__container { position: absolute; z-index: 2; top: .5rem; left: 0; right: 0 } @media (max-width:767.98px) { .site-main .breadcrumb__container nav { position: relative } .site-main .breadcrumb__container:before { content: ""; width: 100%; height: 100px; position: absolute; left: 0; top: -.8rem; background-image: linear-gradient(rgba(0, 0, 0, .7), transparent) } } .breadcrumb { color: #072447; font-size: 12px; text-transform: capitalize } .breadcrumb a { font-weight: 600; color: inherit } .breadcrumb--white { color: #fff } @media (max-width:991.98px) { .breadcrumb--white { color: #000 } } .action-footer { display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 1.375rem 1.25rem; background-color: #fff; border-radius: .5rem; text-align: center } @media (min-width:576px) { .action-footer { flex-direction: row; padding: 1.5625rem 1.25rem; text-align: initial } } @media (min-width:768px) { .action-footer { padding: 1.5625rem 1.5rem } } .action-footer__title { margin-bottom: .875rem; font-size: 1.125rem; font-weight: 600 } @media (min-width:576px) { .action-footer__title { margin-bottom: 0; flex-direction: row; font-size: 1.25rem } } .action-footer__icons { font-size: 1.25rem; line-height: 1 } .action-footer__icons--lg { font-size: 1.7rem } @media (min-width:576px) { .action-footer__icons { font-size: 1.125rem } .action-footer__icons--lg { font-size: 1.7rem } } .action-footer__icons a { margin-left: .75rem } .msg, .web-experience { display: none } .web-experience { min-height: 10.2rem } .floating-chat { position: fixed; bottom: 2rem; right: 2rem; z-index: 1018 } .floating-chat__button { padding: 0; width: 3rem; height: 3rem; line-height: 3rem; border: none; text-align: center; font-size: 1.3125rem; border-radius: .375rem; box-shadow: 0 4px 10px 5px rgba(0, 0, 0, .1) } .floating-chat__button img { display: inline; margin-bottom: .25rem; width: 1.3125rem; height: 1.3125rem } .tooltip { border-radius: .5rem } .tooltip .tooltip-inner { padding: .75rem; border: 1px solid hsla(0, 0%, 83.1%, .5); box-shadow: 0 0 30px rgba(0, 0, 0, .15) } .tooltip .arrow:before { z-index: 2 } .tooltip .arrow:after { content: ""; position: absolute; width: 100%; height: 100%; border-color: transparent; border-style: solid; bottom: 0; z-index: 1 } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { transform: translateY(-1px) } .bs-tooltip-auto[x-placement^=top] .arrow:after, .bs-tooltip-top .arrow:after { transform: translate(-1px, 1.5px); border-width: 9px 8px 0; border-top-color: hsla(0, 0%, 83.1%, .5) } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { transform: translateX(1px) } .bs-tooltip-auto[x-placement^=right] .arrow:after, .bs-tooltip-right .arrow:after { transform: translate(-1.5px, 1px); border-width: 8px 9px 8px 0; border-right-color: hsla(0, 0%, 83.1%, .5) } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { transform: translateY(1px) } .bs-tooltip-auto[x-placement^=bottom] .arrow:after, .bs-tooltip-bottom .arrow:after { transform: translate(-1px, -.5px); border-width: 0 8px 9px; border-bottom-color: hsla(0, 0%, 83.1%, .5) } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { transform: translateX(-1px) } .bs-tooltip-auto[x-placement^=left] .arrow:after, .bs-tooltip-left .arrow:after { transform: translate(.5px, 1px); border-width: 8px 0 8px 9px; border-left-color: hsla(0, 0%, 83.1%, .5) } .jq-toast-single { background-color: #072447; color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .43137254901960786); font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji } .stepper { display: flex; position: relative; font-size: .625rem } .stepper:before { content: ""; position: absolute; left: 0; top: 6px; right: -16px; height: 1px; background-color: #e2e2e2 } @media (min-width:576px) { .stepper { font-size: .875rem } } .stepper__item { display: flex; flex-direction: column; position: relative; padding-right: 1.25rem; margin-bottom: 1.5rem } .stepper__item:after { content: ""; position: absolute; top: 6px; left: 0; width: 100%; height: 1px; background-color: transparent } .stepper__item:last-child:before { display: none } .stepper__number { display: block; position: relative; width: .8125rem; height: .8125rem; line-height: .8125rem; margin-bottom: .75rem; border-radius: 50%; text-align: center; background-color: #afafaf; font-weight: 600; font-size: 0; color: transparent; z-index: 2 } .stepper__title { display: none; line-height: 1.2 } .stepper__item.active .stepper__title, .stepper__item.completed .stepper__title { font-weight: 600 } .stepper__item.active .stepper__number, .stepper__item.completed .stepper__number { background-color: #072447 } .stepper__item.active { max-width: 6.25rem } @media (min-width:576px) { .stepper__item.active { max-width: 9.375rem } } .stepper__item.active .stepper__title { display: block } .stepper__item.completed:after, .stepper__item.completed:before { background-color: #072447 } @media (min-width:992px) { .stepper { display: block; font-size: 1rem } .stepper:before { display: none } .stepper__item { align-items: flex-start; flex-direction: row; min-width: none } .stepper__item:after { display: none } .stepper__item:before { content: ""; display: block; position: absolute; top: 1.5rem; left: 1.25rem; height: 100%; width: 1px; background-color: #e2e2e2 } .stepper__number { width: 2.5rem; height: 2.5rem; flex: 0 0 2.5rem; margin-bottom: 0; line-height: 2.5rem; font-size: .875rem; background-color: #757575; background-color: #afafaf; color: #fff } .stepper__title { display: block; align-self: center; padding-left: 1rem; line-height: 1.4 } .stepper__item.active { max-width: none } } .otp-input { display: flex } .otp-input>input { flex: 0 0 3rem; width: 3rem; margin-right: .75rem; padding-left: 0; padding-right: 0; text-align: center } :root { --swiper-theme-color: #757575 } .swiper--pagination-outside { padding-bottom: 2.5rem } .swiper--pagination-outside>.swiper-pagination-bullets { bottom: 0 } .swiper--cards-space { margin-left: -.625rem; margin-right: -.625rem; padding-top: .75rem } .swiper--cards-space .swiper-slide { height: auto; padding-left: .625rem; padding-right: .625rem } .swiper, .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper__pagination { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -1.375rem; position: relative; z-index: 1 } .swiper__pagination .swiper-pagination-bullet { margin-left: .25rem; margin-right: .25rem; background-color: #d8d8d8; opacity: 1 } .swiper__pagination .swiper-pagination-bullet-active { background-color: #757575 } .swiper--buttons { position: relative; margin-left: 0; margin-right: 0; padding: .25rem 2.5rem } .swiper--buttons .swiper-slide { width: auto } .swiper--buttons .swiper__next, .swiper--buttons .swiper__prev { position: absolute; top: 0; bottom: 0; text-align: center; width: 2.5rem; color: #072447 } .swiper--buttons .swiper__next.swiper-button-disabled, .swiper--buttons .swiper__prev.swiper-button-disabled { opacity: .2; cursor: default } .swiper--buttons .swiper__next>i, .swiper--buttons .swiper__prev>i { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -.5rem; font-size: 1rem; line-height: 1rem } .swiper--buttons .swiper__prev { left: 0; border-right: 1px solid #d4d4d4 } .swiper--buttons .swiper__next { right: 0; border-left: 1px solid #d4d4d4 } .swiper--images { position: relative } .swiper--images .swiper-slide picture { display: block } .swiper--images .swiper-slide picture>img { width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .swiper--images .swiper__next, .swiper--images .swiper__prev { display: none; position: absolute; top: 50%; width: 1.25rem; height: 1.75rem; line-height: 1.75rem; text-align: center; color: #072447; font-size: .875rem; transform: translateY(-50%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .swiper--images .swiper__prev { left: 0 } .swiper--images .swiper__next { right: 0 } .swiper--images.swiper--has-pagination .swiper__next, .swiper--images.swiper--has-pagination .swiper__prev { margin-top: -.875rem } @media (min-width:768px) { .swiper--images { padding-left: 1.875rem; padding-right: 1.875rem } .swiper--images .swiper__next, .swiper--images .swiper__prev { display: block } } .swiper--grid { margin-left: -.5rem; margin-right: -.5rem } .swiper--grid .swiper-slide { height: auto; padding-left: .5rem; padding-right: .5rem } @media (max-width:991.98px) { .section .swiper-container { padding-bottom: 3rem } } .cardList-arrows .container { position: relative } .cardList-arrows .cardList-next, .cardList-arrows .cardList-prev { position: absolute; top: 50%; transform: translateY(-50%); z-index: 999 } .cardList-arrows .cardList-next i:before, .cardList-arrows .cardList-prev i:before { font-size: 1.8rem; font-weight: 700; color: #757575 } .cardList-arrows .cardList-next.swiper-button-disabled, .cardList-arrows .cardList-prev.swiper-button-disabled { opacity: .4 } @media (max-width:991.98px) { .cardList-arrows .cardList-next, .cardList-arrows .cardList-prev { background-color: #d0d7ef; border-radius: 50%; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center } .cardList-arrows .cardList-next i:before, .cardList-arrows .cardList-prev i:before { font-size: 1.2rem } } .cardList-arrows .cardList-next, .cardList-arrows .swiper-rtl .cardList-prev { right: 10px } .cardList-arrows .cardList-prev, .cardList-arrows .swiper-rtl .cardList-next { left: 10px } @media (min-width:768px) { .cardList-arrows .cardList-next, .cardList-arrows .swiper-rtl .cardList-prev { right: -30px } .cardList-arrows .cardList-prev, .cardList-arrows .swiper-rtl .cardList-next { left: -30px } } .site-main:has(.stories-swiper) { position: unset } .stories-swiper { max-width: 410px; width: 100%; margin: auto; position: fixed; z-index: 1120; left: 0; right: 0; top: 0; bottom: 0; max-height: 800px; height: calc(100% - 100px) !important } @media (max-width:1439.98px) { .stories-swiper { max-width: 342px } .stories-swiper .swiper-slide .content { padding: 0 1rem } } @media (max-width:991.98px) { .stories-swiper { height: 100% !important; max-width: 100% } } .stories-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .stories-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) } .stories-swiper--header { position: absolute; z-index: 999; display: flex; width: 100%; color: var(--white); align-items: center; gap: .75rem; padding: 1rem 1rem 0; top: 0 } .stories-swiper--header span { width: 2rem; height: 2rem; overflow: hidden; border-radius: 50%; border: 1.5px solid var(--white) } .stories-swiper--header span img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .stories-swiper--header h3 { font-size: .75rem; margin: 0 } .stories-swiper--header button { margin-left: auto; background: none; border: none; color: var(--white); font-size: 1rem; font-weight: lighter } .stories-swiper.swiper-container { border-radius: 1rem } @media (max-width:991.98px) { .stories-swiper.swiper-container { border-radius: 0; max-height: 100% } } @media (max-width:991.98px) { .stories-swiper.swiper-container+.swiper-container { margin-top: 0 } } .stories-swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; user-select: none } .stories-swiper .swiper-slide:has(.action-buttons) { align-items: flex-end } .stories-swiper .swiper-slide:has(.action-buttons) .content { bottom: 6rem } .stories-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .stories-swiper .swiper-slide:before { content: ""; background: linear-gradient(0deg, rgba(0, 0, 0, .28), rgba(0, 0, 0, .1) 20%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none } .stories-swiper .swiper-slide .content { position: absolute; width: 100%; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 2rem; z-index: 5 } @media (max-width:991.98px) { .stories-swiper .swiper-slide .content { padding: 0 1rem } } .stories-swiper .swiper-slide .content .sub-heading { text-transform: uppercase; font-size: 18px } .stories-swiper .swiper-slide .content .heading { font-size: 20px } .stories-swiper .swiper-slide .content .action-buttons { display: flex; gap: .2rem; margin-top: 1.5rem; flex-direction: column; align-items: center; width: 100% } .stories-swiper .swiper-slide .content .action-buttons .btn { background: none; border: 1px solid var(--white); color: var(--white); padding: .7rem 3rem; font-size: 16px; border-radius: .5rem; cursor: pointer; position: relative; z-index: 10 } .stories-swiper .swiper-slide .content .action-buttons .btn-primary { background-color: var(--white); color: var(--primary) } .stories-swiper .swiper-slide .content .action-buttons .btn-link { color: var(--white); border: none } .stories-swiper .swiper-slide .slide-bottom { position: absolute; left: 0; bottom: 0; width: 100%; display: flex; justify-content: flex-end; z-index: 9999; padding: 1rem 1.5rem } .stories-swiper .swiper-slide .slide-bottom span { color: var(--white); display: block; font-size: 1.3rem; cursor: pointer } .stories-swiper .swiper-slide .slide-bottom>div { gap: 1.4rem } .blur-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(7, 1, 1, .9); backdrop-filter: blur(3px); z-index: 1120 } .blur-bg.hidden { display: none } @media (max-width:991.98px) { .blur-bg { backdrop-filter: none } } .story__slider { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .story__slider .swiper-pagination-bullet:only-child { display: block !important } .story__slide img, .story__slide video { height: 100%; width: 100%; object-fit: cover; object-position: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .story__pagination { bottom: unset !important; top: 4rem !important; display: flex; padding: 0 1rem } .story__pagination .swiper-pagination-bullet { flex-grow: 1; border-radius: 100vh; height: 3px; margin: 0 2px !important; background-color: rgba(247, 247, 245, .4); opacity: 1 } .story__pagination .swiper-pagination-bullet .swiper-pagination-progress { height: 100%; width: 0; border-radius: 100vh; background-color: #f7f7f5 } @media (max-width:991.98px) { .story__next, .story__prev { height: 100%; width: 30%; top: 90px; bottom: 0; display: block !important; z-index: 9; pointer-events: auto !important } .story__next img, .story__prev img { display: none } } .story__next:after, .story__prev:after { content: none !important } .story__prev { left: 0 } .story__next { right: 0 } .is-paused .swiper-pagination-progress { opacity: .5 } .stories-swiper.swiper { opacity: 1; transition: opacity .5s ease } .fade-in { animation: fadeIn .4s ease forwards } .fade-out { animation: fadeOut .3s ease forwards } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } #overlayBg.fade-out { opacity: 0; transition: opacity .5s ease-out } .simplebar-scrollbar:before { background-color: rgba(0, 0, 0, .12) } .simplebar-scrollbar.simplebar-visible:before { opacity: 1 } .atm-branches ::-webkit-scrollbar { width: 14px } .atm-branches ::-webkit-scrollbar-track { border-radius: 10px } .atm-branches ::-webkit-scrollbar-thumb, .atm-branches ::-webkit-scrollbar-thumb:hover { background: #e0e0e0; border-radius: 10px; background-clip: padding-box; border: 3px solid transparent } .pill-checkbox { position: relative } .pill-checkbox>span { display: inline-block; font-size: .9375rem; padding: .375rem 1rem; line-height: 1.25rem; font-weight: 600; background-color: #fff; border-radius: 1rem; text-align: center; color: #072447; cursor: pointer; border: 1px solid #eee } .pill-checkbox>input { position: absolute; opacity: 0; visibility: hidden } .pill-checkbox>input:checked+span { background-color: #072447; color: #fff } .pill-checkbox--black-selected>input:checked+span { background-color: #000 } .pill-checkbox--white>span { background-color: #fff } .pill-checkbox--border>span { border: 1px solid #d4d4d4 } .pill-checkbox--border>input:checked+span { border-color: #072447 } .modal { z-index: 1320 } @media (max-width:991.98px) { .modal { padding-left: 0 !important; padding-right: 0 !important } .modal .collapse__toggle { font-size: 1.2rem } .modal .modal-dialog.mt-5 { margin-top: 0 !important } } .modal-fullWidth { max-width: 100% !important; margin: 0 !important; display: flex } .modal-backdrop { z-index: 1220 } @media (min-width:768px) { .modal-button .modal-header--notitle { top: -.5rem } } #terms-modal .modal-header { position: sticky; top: 0; background-color: inherit; z-index: 1055 } #terms-modal .modal-header .close { position: absolute; right: 1rem; top: 1rem; color: #072447 !important; font-weight: 700 } @media (min-width:768px) { #terms-modal .modal-header .close { right: -2rem; color: #fff !important } } .modal-header { border-bottom: none } .modal-header .modal-title { font-weight: 300 !important; font-size: 1.5rem !important } .modal-header .close { display: inline-block; margin: 0; padding: 0; background-color: transparent; border: none; box-shadow: none; font-size: 1.5rem; line-height: 1; color: #757575 } .modal-header--notitle { position: absolute; top: 0; right: 0; z-index: 5 } .modal-header--notitle .close { position: absolute; right: 1rem; font-size: 1rem } .modal-header--cover { position: relative; height: 12.5rem; border-radius: .5rem .5rem 0 0; overflow: hidden } @media (min-width:992px) { .modal-header--cover { height: 22.5rem } } .modal-header--cover>picture { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100% } .modal-header--cover .close { position: absolute; right: 1rem; border-radius: 50%; width: 2.25rem; height: 2.25rem; color: #fff; font-size: 1.125rem; background-color: rgba(25, 25, 25, .6) } .modal-content { border-radius: 0; min-height: 100vh } @media (min-width:576px) { .modal-content { min-height: auto; border-radius: .5rem } } .modal-footer { border-top: 1px solid #efefef } .modal-dialog { margin: 0 } @media (min-width:576px) { .modal-dialog { margin: 1.75rem auto } } @media (max-width:576px) { .modal .modal-dialog.mt-5 { margin-top: 0 !important } } @media (min-width:768px) { .modal-md { max-width: 640px } } .modal-footer { margin-bottom: 4rem } @media (min-width:768px) { .modal-footer { margin-bottom: 0 } } .modal-full { width: 100%; height: 100%; margin: 0; padding: 0 } .modal-full .modal-content { height: auto; min-height: 100%; border-radius: 0 } .modal-fullscreen { padding: 0 !important } .modal-fullscreen .modal-dialog { width: 100%; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } .modal-fullscreen .modal-header .close { margin-left: auto } [data-toggle=modal] { cursor: pointer } .download-file { text-align: center; padding: 1rem 0; color: #072447 } .download-file i { color: #757575; margin-right: 5px } .embed-video-player { position: absolute; top: 50%; left: 0; width: 100%; height: 50%; transform: translateY(-50%) } @media (min-width:768px) { .embed-video-player { position: relative; height: 500px; transform: translateY(0); top: 0 } } .modal-header--notitle { background: #fff; padding: .5rem; font-size: 2rem; border-radius: 5px } .modal-header--notitle .close { font-size: 2rem } @media (min-width:768px) { .modal-header--notitle { right: -1rem; top: -2.75rem; background: transparent } .modal-header--notitle .close { color: #fff } } .modal-autoheight .modal-content { min-height: auto !important } .modal-button .modal-body { padding-right: 2.5rem; padding-left: 2.5rem } .modal-button .modal-header { position: sticky !important; top: 0; background-color: inherit; z-index: 1055 } .modal-button .close { position: absolute; right: 1rem; top: 1rem; font-weight: 700; font-size: 1.125rem; color: #072447 } @media (min-width:768px) { .modal-button .close { right: -2rem; color: #fff } } .modal .modal-header--cover, div[id*=benefit-detail-modal] .modal-header--cover { height: 12.75rem } @media (min-width:576px) { .modal .modal-header--cover, div[id*=benefit-detail-modal] .modal-header--cover { height: 18.75rem } } @media (min-width:992px) { .modal .modal-header--cover, div[id*=benefit-detail-modal] .modal-header--cover { height: 22rem } } .modal-cover-image .modal-header--cover img { object-fit: cover; width: 100%; height: 100% } .modal-cover-image--top .modal-header--cover img { object-position: top } .modal-cover-image--bottom .modal-header--cover img { object-position: bottom } .custom-alert { padding: .75rem 1.25rem; border: 1px solid transparent; border-radius: .5rem; position: relative } .custom-alert--red { color: #d73027; border-color: #d73027 } .web-list h4 a { color: #000 } .web-list a { color: #072447 } .globe-bg { position: absolute; width: 50%; height: 100%; left: 0; top: 0; background: url(../../../assets/enbd/images/globe.html) no-repeat; background-size: cover } @media (max-width:767px) { .modal .modal-dialog.mt-5 { margin-top: 0 !important } } .modal.modal--v2 .modal-dialog { max-width: 38.4375rem } .modal.modal--v2 .modal-content { padding: 2rem } @media (min-width:768px) { .modal.modal--v2 .modal-content { padding: 2rem 4rem } } .modal.modal--v2 .modal-header { padding: 1rem 0 2rem } .modal.modal--v2 .modal-header .modal-title { font-weight: 400 !important } .modal.modal--v2 .modal-header .close { position: absolute; right: 1.125rem; top: 1.125rem; font-size: 1.25rem } .modal.modal--v2 .modal-body { padding: 0; font-weight: 300 } .modal.modal--v2 .modal-footer { padding: 2rem 0 0; justify-content: center; border-top: none } @media (min-width:768px) { .modal.modal--v2 .modal-footer .btn { padding-left: 2.25rem; padding-right: 2.25rem } } .modal.modal--v2 .text-danger { color: #b00000 !important } @media (min-width:576px) { #moreFilterModal .modal-dialog { max-width: 700px } } #moreFilterModal.filter-form .btn:not(.btn-primary).savebtn { font-weight: 400; font-size: 2rem !important } #moreFilterModal.filter-form .selectize-input:after { font-family: icomoon !important; content: "\e919"; transform: translateY(-50%) rotate(0deg); top: 50%; font-size: .9rem; display: flex; align-items: center; justify-content: center; right: 1rem; border: 0 } #moreFilterModal.filter-form #btn-popupdeal-search { margin-top: 1rem } #moreFilterModal.filter-form .selectize-input.dropdown-active:after { transform: translateY(-50%) rotate(-180deg); top: 50% } @media (max-width:767.98px) { .modal-header--notitle~.modal-body { margin-top: 1rem } } .block-grid { display: flex; flex-direction: column } .block-grid--full-height { height: 100% } .block-grid__top { margin-bottom: .875rem } .block-grid__body { flex: 1 1 auto; padding-bottom: .625rem } .block-grid__icon { font-size: 1.625rem; line-height: 1; color: #072447 } .block-grid__icon-picture { display: flex; min-height: 1.875rem; justify-content: center; align-items: center } .block-grid__icon-picture>img { max-height: 100%; width: 42px } .block-grid__icon-picture-lg { display: inline-block; min-height: 1.875rem } .block-grid__icon-picture-lg>img { max-height: 2.1rem } .block-grid__title { margin-bottom: .875rem; font-size: 1.1rem; font-weight: 600 } .block-grid__content { font-size: 1rem; font-weight: 300 } @media (min-width:768px) { .block-grid__body { padding-bottom: .75rem } } @media (min-width:992px) { .block-grid--action .block-grid__body { min-height: 90px } } .pb-online-banking-discover .block-grid p { padding: 0 1.5rem } .iconWidth-60 .block-grid__icon-picture>img { width: 60px } .bardrop { height: 70px } .bardrop, .bardrop__bar { position: relative; background-color: #fff } .bardrop__bar { display: flex; align-items: center; height: 100%; z-index: 1 } .bardrop__bar-inner { flex: 1 1 auto; overflow: hidden } .bardrop__items-wrapper { display: inline-flex; margin-left: -6px; margin-right: -6px; width: 100%; overflow-x: auto; padding-bottom: .25rem } .bardrop__items-wrapper::-webkit-scrollbar { height: .5rem; border-radius: .5rem } .bardrop__items-wrapper::-webkit-scrollbar-thumb { border-radius: .5rem; background-color: var(--primary) } .bardrop__bar .bardrop__item { padding-left: 6px; padding-right: 6px; flex-shrink: 0 } .bardrop__toggle { display: flex; align-items: center; justify-content: center; align-self: stretch; flex: 0 0 68px; width: 68px; font-size: 18px; background: none; border: none; border-left: 1px solid #d8d8d8; outline: none; padding: 0 10px; margin: 0; border-radius: 0; color: #072447 } .bardrop__toggle i { font-size: 24px } .bardrop.show-menu .bardrop__toggle i { font-size: 20px } .bardrop.show-menu .bardrop__toggle i:before { content: "" } .bardrop__menu { position: absolute; left: 0; right: 0; top: 100%; width: 100%; background-color: #fff; border-radius: 0 0 8px 8px; border-top: 2px solid #072447; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); overflow: hidden; z-index: 10 } @media (min-width:768px) { .bardrop__menu { left: auto; width: 250px } } .bardrop__menu .bardrop__item a { display: block; width: 100%; padding-top: 6px; padding-bottom: 6px; text-align: left; border-radius: 0; border: none; border-top: 1px solid #efefef; font-size: 15px; line-height: 20px; font-weight: 400; color: #757575; transition: all .3s } .bardrop__menu .bardrop__item a:hover { background-color: #f8fafc } .tick--style-1 .tick-flip { min-width: 3rem; margin-right: 6px; margin-left: 6px; font-size: 38px; font-weight: 400; border-radius: 12px; letter-spacing: 13px; text-indent: 13px } .tick--style-1 .tick-flip-panel { color: #eee; background-color: #2c4185 } .tick--style-1 .tick-flip-panel-back:after { background-image: linear-gradient(180deg, rgba(0, 0, 0, .2) 1px, rgba(0, 0, 0, .15) 0, transparent 20%) } .tick--style-1 .tick-flip-panel-front { box-shadow: inset 0 2px 0 hsla(0, 0%, 100%, .3) } .tick--style-1 .tick-flip-shadow { box-shadow: none } .tick--style-1-label .tick-group:first-child span.tick-flip:first-child { margin-left: 0 } .tick--style-1-label span[data-key=label] { font-size: 1rem; display: block; padding-top: .5rem } [dir=rtl] .tick--style-1, [dir=rtl] .tick--style-1-label { direction: rtl } [dir=rtl] .tick-flip-panel-text-wrapper { left: -1.25rem } [dir=rtl] .tick-flip * { display: flex } .tick span[data-view] { margin-bottom: 1rem } .editor-detail table { width: 100%; margin-bottom: 1rem; color: #1a2640; background-color: #f8fafc } .editor-detail table td, .editor-detail table th { vertical-align: top; font-size: 1em; line-height: 1.5; padding: 1rem .75rem .75rem 1.5rem } .editor-detail table td p, .editor-detail table th p { margin: 0 } .editor-detail table thead th { vertical-align: bottom; border-bottom: 2px solid #d4d4d4; background: #072447; color: #fff } @media (max-width:768px) { .editor-detail table thead th { min-width: 12.5rem } } .editor-detail table tbody+tbody { border-top: 2px solid #d4d4d4 } .editor-detail table tbody tr:nth-of-type(odd) { color: #1a2640; background-color: #eef2f8 } .editor-detail table tbody>tr:first-child { color: #1a2640 } .editor-detail>a:not(.tab-item__link) { display: inline-block; font-weight: 600 } .editor-detail>a:not(.tab-item__link):after { display: none } .editor-detail ul:not(.tabs) { list-style-type: none; padding: 0; margin-left: 1.5rem } @media (max-width:991.98px) { .editor-detail ul:not(.tabs) { margin-left: 0 } } .editor-detail ul:not(.tabs) li { position: relative; padding-left: 1.2rem; margin-bottom: .75rem } .editor-detail ul:not(.tabs) li ul { margin-top: .5rem } .editor-detail ul:not(.tabs) li:last-child { margin-bottom: 0 } .editor-detail ul:not(.tabs) li:before { content: " "; position: absolute; left: 0; background-color: #072447; border-radius: 50%; top: .4375rem; width: .5rem; height: .5rem } .editor-detail ul:not(.tabs)-sm { padding-left: .4375rem } .editor-detail ul:not(.tabs)-sm li { padding-left: 1.125rem; margin-bottom: .875rem } .editor-detail ul:not(.tabs)-sm li:before { top: .5rem; width: .375rem; height: .375rem } @media (min-width:576px) { .editor-detail ul:not(.tabs)-sm { padding-left: .4375rem } .editor-detail ul:not(.tabs)-sm li { padding-left: 1.125rem; margin-bottom: 1.5625rem } .editor-detail ul:not(.tabs)-sm li:before { top: .4375rem; width: .5rem; height: .5rem } } .editor-detail ul.mb-8 li, .editor-detail ul:not(.tabs)-tight li { margin-bottom: .875rem } .editor-detail .contact-info a { font-weight: 600 } .editor-detail .section__title { font-weight: 300; line-height: normal } @media screen and (min-width:1023px) { .editor-detail .section__title { font-size: 2rem } } .editor-detail li, .editor-detail p, .editor-detail ul { font-size: 1rem } .editor-detail ul:not(.tabs) li>ul>li:not(:has(ul)):before { top: .6375rem; width: .4rem; height: .2rem; border-radius: 0 } .parsley-errors-list { margin: .625rem 0 } .gm-style { font: inherit !important } .gm-ui-hover-effect { top: -3px !important; right: 5px !important } .gm-ui-hover-effect img { width: 24px !important; height: 24px !important } .map-contain { width: 360px; padding: .3rem 1rem .3rem .5rem } .map-contain h3 { font-size: 20px } .map-contain .popular-card__label-percent { padding: .05rem .45rem !important; font-size: 12px !important } @media (max-width:991.98px) { .map-contain { width: 100% } .map-contain h3 { font-size: 14px } } .tabular-data__table { width: 100%; margin-bottom: 1rem; color: #1a2640; background-color: #f8fafc } .tabular-data__table td, .tabular-data__table th { vertical-align: top; font-size: 1em; line-height: 1.5; padding: 1rem .75rem .75rem 1.5rem } .tabular-data__basic tbody tr:first-child, .tabular-data__heading { background: #d3dae5; color: #1a2640 } .tabular-data__subHeading { background-color: #eceff7; font-weight: 600 } .tabular-data__bordered td { border: 1px solid #d3dae6 } .card-content__block { padding-top: 2rem } .card-content__features p { border-bottom: 1px solid #eef2f8 } .cta-block__solidClr { background-color: #072447; color: #fff } .cta-block__solidClr .link-arrow { color: #fff } .cta-block__withImg { border: 1px solid #adb5bd } .cta-block__shadowImg { background: url(../../../assets/enbd/images/cta-img2.html) no-repeat 100% 0; background-size: contain; position: relative; color: #fff } .cta-block__shadowImg:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #182f7c; background: var(--overlay-bg, linear-gradient(99deg, #182f7c 68%, rgba(24, 47, 124, .265144) 90%)) } .cta-block__shadowImg .link-arrow { color: #fff } @media (max-width:991.98px) { .cta-block__shadowImg { background: #182f7c } } .cta-block__content { padding: 3rem 1rem } .cta-block__desc { line-height: 1.563rem } @media (max-width:991.98px) { .cta-block__desc { line-height: normal } } .bullet-links__item { font-size: 1rem; position: relative; padding-left: 1.5rem; flex: 1 } .bullet-links__circle:before { content: ""; width: 10px; height: 10px; border-radius: 100%; position: absolute; left: 0; top: 6px } .bullet-links__circle--yellow:before { background: #2765ff } .bullet-links__circle--blue:before { background: #072447 } .country-accordion .collapse__toggle img { width: 2rem; margin-right: 1rem } .country-accordion .collapse__content--inner { border-top: 1px solid #ededed; padding-top: 1.7rem } .country-accordion .collapse__content--inner p { margin-bottom: .4rem; font-size: .875rem } .text-card__block { min-height: 100px } .commonModal .modal-body { padding: 0 2rem 2rem } .commonModal .close { font-size: 2.5rem } .openAccountModal .modal-content { overflow: hidden } @media (max-width:767.98px) { .openAccountModal .modal-content { padding-top: 1rem } .openAccountModal .modal-content h2, .openAccountModal .modal-content h3, .openAccountModal .modal-content p { text-align: center } } .openAccountModal .close { z-index: 3 } .openAccountModal .editor-detail h2 { font-size: 1.75rem; font-weight: 300 } .openAccountModal .editor-detail h3 { font-size: .875rem; font-weight: 600 } .openAccountModal .editor-detail h4 { font-size: 1rem } .openAccountModal .editor-detail p { font-size: .875rem } .openAccountModal .editor-detail ul { margin-left: 0 } .openAccountModal .right--content { padding-left: 5rem } .openAccountModal .barcode { width: 7.5rem } .openAccountModal .clip-path span { position: absolute; top: 50%; right: 48%; z-index: 4; transform: translateY(-50%) } .openAccountModal .clip-path:after { content: ""; clip-path: polygon(70% 0, 100% 0, 100% 100%, 0 180%); background-color: #eef2f8; position: absolute; right: 0; top: 0; height: 100%; width: 100% } .openAccountModal .clip-path:before { content: ""; background-color: #fff; width: 50px; height: 50px; position: absolute; top: 50%; right: 46%; z-index: 4; transform: translateY(-50%); border-radius: 50%; border: 3px solid #eef2f8; display: flex; justify-content: center; align-items: center; font-weight: 600 } @media (min-width:768px) and (max-width:991.98px) { .openAccountModal .modal-dialog { max-width: 750px } } .support-recommended { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin-left: -.5rem; margin-right: -.5rem; padding: 0; list-style: none } .support-recommended li { display: flex; flex: 0 0 100%; max-width: 100%; margin: .375rem 0; padding-left: .5rem; padding-right: .5rem } @media (min-width:576px) { .support-recommended li { flex: 0 0 50%; max-width: 50% } } @media (min-width:768px) { .support-recommended li { flex: 0 0 25%; max-width: 25% } } .support-recommended a { display: flex; width: 100%; height: 100%; margin: 0; display: inline-flex; align-items: center; justify-content: center; padding: .5625rem 1rem; line-height: 1.2; border: 1px solid #a0b4e5; border-radius: .5rem; font-weight: 600; text-align: center; word-break: break-all } .support-recommended a:hover { background-color: #e4e9f0 } .flow-auto .section__title, .flow-auto .support-recommended { margin-bottom: 0 } .flow-auto .support-recommended li { flex-basis: auto; max-width: 100%; margin-top: 1.82rem } @media (max-width:768px) { .flow-auto .support-recommended li { flex-basis: 50% } } @media (max-width:576px) { .flow-auto .support-recommended li { flex-basis: 100% } } .flow-auto .support-recommended li a { padding: 1rem 1.5rem 1rem 1.1rem } @media (min-width:768px) { .ksa-support-recommended li { flex: 0 0 33.33%; max-width: 33.33% } } .card-banner { position: relative } .card-banner__picture { height: 12.5rem; position: relative } .card-banner__picture:after { display: none } .card-banner__inner { position: relative } .card-banner__inner--ticker { align-items: center } .card-banner__inner--ticker .card-banner__card { width: 100% } @media (max-width:767.98px) { .card-banner__inner--ticker .card-banner__card { margin-top: 1.5rem } } @media (min-width:576px) { .card-banner__inner--ticker .card-banner__card { width: 24rem } } @media (min-width:992px) { .card-banner__inner--ticker .card-banner__card { width: 22.25rem; max-width: 100% } } .card-banner__inner--ticker .card-banner__card label, .card-banner__inner--ticker .card-banner__card small { text-align: left } @media (min-width:576px) and (max-width:991.98px) { .card-banner__inner--ticker .card-banner__body { padding-right: 1rem } } .card-banner__body { padding-top: 1.625rem } .card-banner__short-title { margin-bottom: .5rem; font-size: 1rem; line-height: 1.25rem } .card-banner__title { margin-bottom: .75rem; font-size: 1.875rem; line-height: 2.25rem; font-weight: 500 } @media (max-width:991.98px) { .card-banner__title { font-size: 1.475rem } } .card-banner p { margin-bottom: .625rem; font-size: 1.125rem; font-weight: 300 } @media (max-width:991.98px) { .card-banner p { font-size: 14px } } .card-banner__grid-wrapper { font-size: 1rem } .card-banner__grid { display: flex; flex-wrap: wrap } .card-banner__info { width: 10.875rem; flex: 0 0 10.875rem; font-size: .75rem; font-weight: 300; margin-right: 1rem; display: inline-block; margin-bottom: 1rem } @media (min-width:992px) { .card-banner__info { max-width: 100% } } .card-banner__info-icon { margin-bottom: .75rem } .card-banner__info-icon picture { display: inline-block } .card-banner__info-icon picture img { width: 42px; object-fit: contain; aspect-ratio: 1/1 } @media (min-width:768px) { .card-banner__info-icon picture img { filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(100%) hue-rotate(4deg) brightness(100%) contrast(86%) } } .card-banner__info-icon i { display: inline-block; line-height: 2.8rem; text-align: center; font-size: 1.125rem; border-radius: 50%; border: none } .card-banner__info-icon svg { width: 24px; height: 24px } .card-banner__info-title { margin-bottom: .3125rem; font-size: .875rem; font-weight: 400 } .card-banner__buttons { margin-top: .75rem } .card-banner__card { position: relative; max-width: 95%; width: 13.75rem; text-align: center; margin: -4.25rem auto .8125rem } .card-banner__card .card-flip__card { width: 13.75rem; height: 8.625rem; z-index: 1; position: relative } .card-banner__card .card-flip__toggle { margin-top: 1rem; width: 1.875rem } .card-banner__socialButtons img { width: 1.625rem } @media (min-width:576px) { .card-banner__card { flex: 0 0 19.25rem; width: 19.25rem } .card-banner__card .card-flip__card { width: 19.25rem; height: 12.0625rem } .card-banner__card .card-flip__toggle { margin-top: 2.375rem; width: 2.625rem } } @media (min-width:768px) { .card-banner { color: #fff } .card-banner__picture { position: absolute; height: 100% } .card-banner__picture:after { display: block } .card-banner__inner { display: flex; padding-top: 8.125rem; padding-bottom: 3.75rem; flex-direction: row-reverse; justify-content: space-between } .card-banner__body { flex: 1 1 auto; min-width: 1px; padding-top: 0 } .card-banner__body h1, .card-banner__body h2, .card-banner__body p { max-width: 46.875rem } .card-banner__short-title { margin-bottom: 1rem; font-size: 1.5rem; line-height: 1.875rem; font-weight: 300 } .card-banner__title { font-size: 2.625rem; line-height: 3rem; font-weight: 300 } .card-banner__grid { margin-top: 1.875rem } .card-banner__buttons { margin-top: 3.625rem } .card-banner__card { margin: 0 } } @media screen and (min-width:768px) { .card-banner .card-banner__info-icon i { border-color: #fff } } @media (min-width:1200px) { .card-banner__info { margin-right: 1.875rem } } .card-banner .breadcrumb__container { position: absolute; top: .75rem; z-index: 2 } .card-banner.ticker--flip .tick [data-layout~=horizontal][data-layout~=fit] { column-gap: 1rem } .card-banner.ticker--flip small { text-align: center } .card-banner.ticker--flip .card-banner__title { font-size: 1.5rem } @media (min-width:992px) { .card-banner.ticker--flip .card-banner__inner--ticker .card-banner__card { width: unset } .card-banner.ticker--flip h6, .card-banner.ticker--flip small { text-align: start } } @media (max-width:992px) { .card-banner.ticker--flip .card-banner__inner--ticker { text-align: center } .card-banner.ticker--flip .tick [data-layout~=horizontal][data-layout~=fit] { flex-wrap: wrap; justify-content: center } .card-banner.ticker--flip .card-banner__buttons { margin-bottom: 1.5rem } } .card-flip { text-align: center } .card-flip__toggle { display: inline-block; margin-top: 2.375rem; width: 2.625rem; cursor: pointer } .card-flip__toggle img { width: 100% } .card-flip__card { width: 19.25rem; height: 12.0625rem; transition: transform 1s; cursor: pointer; transform: rotateY(0deg) } @media (min-width:576px) { .card-flip__card { transform-style: preserve-3d } } .card-flip__side { position: absolute; width: 100%; height: 100%; border-radius: .75rem; transition: background-position .6s; transform-style: preserve-3d } .card-flip__front-side { transform: translateZ(1px); transition-delay: 0s } .card-flip.flipped .card-flip__card, .card-flip__back-side { transform: rotateY(180deg) } .card-flip.flipped .card-flip__front-side { background-position: right 40%, 0 0; transition-delay: 0s } .card-flip.flipped .card-flip__back-side { background-position: 100% 100%, 50%; transition-delay: .3s } .cib-banner .hero__title, .cib-banner h4, .cib-banner p, .cib-banner ul { font-weight: 400 } .cib-banner h4 { font-size: 1rem; font-weight: 700; margin-bottom: .5rem } .cib-banner .hero__title { font-size: 2rem; margin-bottom: 1rem !important } .cib-banner p { font-size: .875rem !important; max-width: 37.5rem } @media screen and (min-width:992px) { .cib-banner.hero--overlay:before { background: var(--overlay-bg, linear-gradient(90deg, hsla(0, 0%, 100%, .665) 41.67%, hsla(0, 0%, 100%, 0))); opacity: .5 } .cib-banner .breadcrumb, .cib-banner .breadcrumb a, .cib-banner .link-arrow { color: #072447 } } .ksa-full-height-banner .ccbenefits .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(180deg, rgba(12, 11, 27, .88), rgba(32, 31, 42, 0))) } [dir=rtl] .ticker--flip .tick { direction: ltr } [dir=rtl] .ticker--flip .tick-flip-panel-text-wrapper { margin-right: 3px } [dir=rtl] .ticker--flip .tick-group { direction: rtl } @media only screen and (max-width:768px) { .card-banner__title { font-weight: 600 } } .card-banner__info-icon>picture { border: 1px solid #fff; border-radius: 50%; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center } @media (max-width:991.98px) { .card-banner__info-icon>picture { border-color: #333 } } .card-banner__info-icon>picture img { max-width: 1.5rem } @media (min-width:768px) { picture.card-banner__picture { position: absolute } section.card-banner { color: #fff } } @media (max-width:768px) { .card-banner h2 { font-size: 1.475rem; line-height: 2.05rem } } @media (max-width:767.98px) { .card-banner--no-image-mobi .card-banner__picture { display: none } } .brand-slider { position: relative; padding: 2.5rem 0; overflow: hidden } .brand-slider__container { position: relative; max-width: 1600px; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; z-index: 1 } .brand-slider:after, .brand-slider:before { content: ""; position: absolute; right: 0; top: 0; width: 3.375rem; height: 100%; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff); z-index: 2 } .brand-slider:before { left: 0; background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff) } .brand-slider .swiper-container { overflow: unset } .brand-slider .swiper-wrapper { align-items: center } .brand-slider .swiper-slide { width: auto; margin: 0 1rem } .brand-slider .swiper-slide picture { display: block; width: 100%; text-align: center } .brand-slider .swiper-slide picture>img { max-width: 100% } @media (min-width:768px) { .brand-slider { padding: 3rem 0 } .brand-slider .swiper-slide { margin: 0 } } @media (max-width:991.98px) { .brand-slider .swiper-slide { margin: 0 } } @media (max-width:767.98px) { .banner-slider__bg>img { position: absolute } .banner-slider_filled-mobile .banner-slider__bg { position: relative; height: 0; padding-bottom: 50% } .banner-slider__container .banner-slider__controls { bottom: .5rem } .banner-slider__inner .banner-slider__buttons { padding-bottom: 1.5rem } } .moreapp { padding-top: 1.5625rem; padding-bottom: 0; background-color: #fff } .moreapp__header { text-align: center; margin-bottom: 2.125rem } @media (max-width:1199.98px) { .moreapp__header .moreLogo { width: 100%; max-width: 155px } } .moreapp__bigtitle { margin-bottom: .25rem; font-size: 3.75rem; line-height: 1; font-weight: 800 } .moreapp__title { margin-bottom: .875rem } @media (min-width:768px) { .moreapp { padding-top: 2.875rem; padding-bottom: 2.5rem } .moreapp__header { margin-bottom: 1.875rem } .moreapp__bigtitle { margin-bottom: 1.1875rem } .moreapp__title { margin-bottom: 1.5rem } } .moreapp .card-deals { margin-bottom: 2.25rem } @media (min-width:992px) { .moreapp .card-deals { margin-bottom: 4.875rem } } .moreapp-download { border-radius: .5rem; background-color: #2765ff; text-align: center; padding: 1.125rem 1.25rem 2.75rem; font-size: 1.125rem } .moreapp-download h3 { margin-bottom: .25rem; font-size: 3.75rem; line-height: 1; font-weight: 800 } .moreapp-download__content { max-width: 15.625rem; margin: 0 auto 1.25rem } .moreapp-download__content p { margin: 0 } .moreapp-download__buttons a { display: inline-block; margin-bottom: .625rem } .moreapp-download__buttons img { max-width: 10.375rem } @media (min-width:768px) { .moreapp-download { display: flex; justify-content: space-between; align-items: center; text-align: initial; padding: 1.125rem 1.5rem } .moreapp-download__content { max-width: none; margin: 0 } .moreapp-download__buttons { text-align: right } .moreapp-download__buttons a { margin-left: 1.25rem } } @media (min-width:1200px) { .moreapp-download { padding: 1.125rem 2rem } } .more-img { width: 9.6875rem } .moreapp-section { position: relative } .moreapp-download { background-repeat: no-repeat; background-size: contain; background-position: 100% 100%; background-color: #ffcd4d !important } .moreapp-download_large>picture { position: absolute; left: 0; top: 0 } .moreapp-download__content { font-weight: 300 } @media (min-width:1200px) { .moreapp-download { padding: 2.25rem } } .skyshopper-info { position: relative; padding: 2rem 0 2.375rem; text-align: center } .skyshopper-info__picture { display: block; margin-bottom: 1.5rem } .skyshopper-info__logo { display: block; margin-bottom: 1.5625rem } .skyshopper-info__title { margin-bottom: .75rem; font-size: 1.875rem; line-height: 2.25rem; font-weight: 300 } .skyshopper-info__content { margin-bottom: 2.25rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 300 } .skyshopper-info__grid-scroll { overflow-x: auto } .skyshopper-info__grid { display: inline-flex } .skyshopper-info__feature { width: 25%; min-width: 7.5rem; padding: 0 .625rem .625rem; text-align: center } .skyshopper-info__feature>i { display: inline-block; margin-bottom: .625rem; color: #072447; font-size: 1.25rem } .skyshopper-info__feature span { display: block; font-size: .875rem; font-weight: 600 } .skyshopper-info__feature small { display: block; font-size: .75rem; font-weight: 300 } @media (min-width:992px) { .skyshopper-info { text-align: initial; padding-top: 5.125rem; overflow: hidden } .skyshopper-info__picture { display: flex; justify-content: flex-end; width: 18.75rem; flex: 0 1 61% } .skyshopper-info__picture img { max-width: none } .skyshopper-info__inner { display: flex } .skyshopper-info__logo { margin-bottom: 1.875rem } .skyshopper-info__body { min-width: 1px; flex: 1 1 auto; padding-top: 2.125rem; padding-left: 2rem } .skyshopper-info__title { font-size: 2.625rem; line-height: 3rem } .skyshopper-info__content { margin-bottom: 2.8125rem } .skyshopper-info__grid-scroll { margin-bottom: 1.625rem } } @media (min-width:1200px) { .skyshopper-info__body { padding-left: 8% } .skyshopper-info .skyshopper-info__feature { min-width: 9.25rem } } .contactless-payment { padding-top: 2rem; padding-bottom: 3.375rem; text-align: center } .contactless-payment .container { max-width: 1110px } .contactless-payment__brands picture { display: block; text-align: center; padding-top: 2.1875rem; padding-bottom: 2.1875rem } .contactless-payment__brands picture img { width: auto } @media (min-width:992px) { .contactless-payment { text-align: initial; padding-top: 3.375rem; padding-bottom: 3.375rem } .contactless-payment__brands picture { text-align: center } } @media (min-width:1200px) { .contactless-payment { padding-top: 6rem; padding-bottom: 6rem } } @media screen and (max-width:768px) { .contactless-payment { margin-right: 1rem; margin-left: 1rem; border-radius: .5rem; padding: 1.5rem 1rem } .contactless-payment .section__title { font-size: 1.5rem } } .cards-cta, .cards-cta__container { position: relative } .cards-cta--overlay { color: #fff } @media (max-width:768px) { .cards-cta--overlay a { color: #072447 } } .cards-cta--overlay .btn--secondary { color: #072447 } .cards-cta__title { font-size: 24px; font-weight: 400 } @media (min-width:768px) { .cards-cta__title { font-size: 32px; line-height: 3rem; font-weight: 400 } } .cards-cta--overlay .cards-cta__btn-outline, .cards-cta__btn-outline { background: transparent; color: #2765ff } @media (max-width:991.98px) { .cards-cta .picture-overlay { position: relative } .cards-cta .picture-overlay:after { display: none } .cards-cta--overlay { color: #000 } } .cards-cta--center { text-align: center } .cards-cta--center .cards-cta__body { max-width: 40rem; margin-left: auto; margin-right: auto; padding-top: 4.0625rem; padding-bottom: 4.0625rem } .cards-cta--center .cards-cta__footer { border-top: 1px solid #fff; padding-top: 1.875rem; padding-bottom: 2.8125rem } @media (min-width:768px) { .cards-cta--center .cards-cta__footer { padding-top: 1.625rem; padding-bottom: 1.625rem } } @media (min-width:992px) { .cards-cta--center .cards-cta__body { padding-top: 7.5rem; padding-bottom: 6.25rem } } .cards-inline-cta-wrapper { padding: 2rem 0 } @media (min-width:992px) { .cards-inline-cta-wrapper { padding: 3.375rem 0 } } @media (min-width:1200px) { .cards-inline-cta-wrapper { padding: 6.25rem 0 } } .cards-inline-cta { padding: 2.3125rem 1rem 2.125rem; border: 1px solid #e4e9f0; border-radius: .5rem; background-color: #fff; text-align: center } .cards-inline-cta h3 { margin-bottom: 2.125rem; font-size: 1.125rem; font-weight: 300 } .cards-inline-cta__right { display: flex } @media (max-width:767.98px) { .cards-inline-cta__right { flex-wrap: wrap; justify-content: center } } .cards-inline-cta__right>.btn { flex: 0 0 50% } @media (min-width:768px) { .cards-inline-cta { display: flex; justify-content: space-between; align-items: center; padding: 2.25rem 2.25rem 2.125rem; text-align: initial } .cards-inline-cta h3 { margin-bottom: 0; font-size: 1.875rem } .cards-inline-cta__right>.btn { flex: 0 0 auto } } .cards-cta__body { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 34.375rem; padding: 1.25rem 0 1rem } .cards-cta__body .picture-overlay { position: absolute; left: -1rem; right: -1rem; width: auto } .cards-cta__content { margin-bottom: 2.125rem; font-size: 16px !important } .cards-cta__counter { background-color: #072447; color: #fff; font-weight: 300; text-align: center; margin-left: -1rem; margin-right: -1rem; padding: 2rem 1.25rem; font-size: 1.125rem } .cards-cta__counter-inner { max-width: 15.3125rem; margin: 0 auto } @media (min-width:992px) { .cards-cta__flex { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 5.625rem; padding-bottom: 2.5rem } .cards-cta__body { display: block; flex: 0 1 31.25rem; padding-top: 2.5rem; min-height: auto } .cards-cta__body .picture-overlay { display: none } .cards-cta__content { margin-bottom: 3.375rem } .cards-cta__counter { display: flex; position: relative; flex-direction: column; justify-content: center; flex: 0 1 15.625rem; min-height: 22.5rem; text-align: right; border-radius: .5rem 0 0 .5rem } .cards-cta__counter:after { content: ""; position: absolute; left: 100%; top: 0; bottom: 0; height: 100%; width: 1000px; background-color: #072447 } .cards-cta__counter-inner { margin: 0 auto; max-width: 100% } .cards-cta__counter .cards-cta-counter { justify-content: flex-end } } @media (max-width:991.98px) { .cards-cta__counter { min-height: 14.5rem; border-radius: 0; margin-top: 1.5rem } } @media (min-width:992px) { .cards-cta__body { display: block; flex: 0 1 40.625rem } .cards-cta__counter { flex: 0 1 20rem; padding-top: 2.875rem; padding-bottom: 2.875rem; font-size: 1.5rem; line-height: 1.875rem } .cards-cta__counter-inner { max-width: 20rem } } @media (min-width:1200px) { .cards-cta__counter { flex: 0 1 26.875rem } } .cards-cta-counter { display: flex; justify-content: center; margin-bottom: .875rem } .cards-cta-counter>span { display: inline-block; position: relative; height: 3.5rem; width: 3rem; margin-right: .375rem; margin-left: .375rem; font-size: 2.25rem; font-weight: 600; line-height: 3.5rem; text-align: center; border-radius: .75rem; background-color: #2c4185; box-shadow: inset 0 2px 0 hsla(0, 0%, 100%, .3), inset 0 -2px 0 rgba(0, 0, 0, .2); overflow: hidden } .cards-cta-counter>span:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-color: rgba(0, 0, 0, .01); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .16) } .cta-blue-text-banner, .cta-blue-text-banner .cards-cta--overlay { color: #072447 } .cta-blue-text-banner .picture-overlay:after { display: none } .cards-cta__content+div a:not(:first-of-type) { color: #fff; padding-left: 1rem } @media only screen and (max-width:576px) { .cards-cta__content+div a:not(:first-of-type) { padding-top: 1rem; padding-left: 0 } } .card-detail-section { padding-top: 3.875rem; padding-bottom: 3.875rem } .card-detail-section--sm { padding-top: 2rem; padding-bottom: 2rem } .card-detail-section__title { margin-bottom: 2.625rem } @media (min-width:992px) { .card-detail-section { padding-top: 3rem; padding-bottom: 3rem } .card-detail-section__title { margin-bottom: 4.25rem } } .ccbenefits { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 25rem; padding: 1rem; border-radius: .5rem; color: #fff; overflow: hidden } .ccbenefits__body p br { display: none } @media (min-width:1200px) { .ccbenefits__body p br { display: block } } .ccbenefits__title { font-weight: 300; font-size: 1.5rem; line-height: 1.875rem } .ccbenefits__item { font-size: .875rem } .ccbenefits__item-title { font-weight: 700 } @media (min-width:992px) { .ccbenefits { min-height: 31.25rem; padding: 2rem } .ccbenefits__title { margin-bottom: 1.625rem; font-weight: 300; font-size: 2rem; line-height: 2.25rem } .ccbenefits__item-icon { margin-bottom: .75rem } .ccbenefits__item-icon picture img { width: 3rem; height: 3rem } .ccbenefits__item-icon i { width: 3rem; line-height: 3rem; font-size: 1.125rem } } .brands-block-section { padding-top: 1rem; padding-bottom: 1rem } @media (min-width:992px) { .brands-block-section { padding-top: 4.125rem; padding-bottom: 4.125rem } } .brands-block { padding: 1.5rem 1rem; background-color: #fff; border-radius: .5rem; text-align: center } .brands-block__title { margin-bottom: .625rem; font-weight: 300; font-size: 1.5rem; line-height: 1.875rem } .brands-block__brands picture { display: block; padding: 1.75rem .625rem } @media (min-width:992px) { .brands-block { padding: 2.875rem 2.25rem; text-align: left } .brands-block__title { font-size: 2rem; line-height: 2.25rem } } .support-grid--cards.support-grid-1 .support-grid__item, .support-grid--cards.support-grid-1 .support-grid__sizer { width: 100% } .support-grid--cards.support-grid-2 .support-grid__item, .support-grid--cards.support-grid-2 .support-grid__sizer { width: 50% } .support-grid--cards.support-grid-3 .support-grid__item, .support-grid--cards.support-grid-3 .support-grid__sizer { width: 33.3% } .support-grid--cards.support-grid-4 .support-grid__item, .support-grid--cards.support-grid-4 .support-grid__sizer { width: 25% } .support-grid--cards.support-grid-5 .support-grid__item, .support-grid--cards.support-grid-5 .support-grid__sizer { width: 20% } @media (max-width:991.98px) { .support-grid--cards.support-grid-2 .support-grid__item, .support-grid--cards.support-grid-2 .support-grid__sizer, .support-grid--cards.support-grid-3 .support-grid__item, .support-grid--cards.support-grid-3 .support-grid__sizer, .support-grid--cards.support-grid-4 .support-grid__item, .support-grid--cards.support-grid-4 .support-grid__sizer, .support-grid--cards.support-grid-5 .support-grid__item, .support-grid--cards.support-grid-5 .support-grid__sizer { width: 50% } } .support-grid--cards .support-card--cover { min-height: 18.25rem } .support-grid--cards .support-card__body { padding: 1.125rem 1rem } .support-grid--cards .support-card__meta { font-size: .75rem; font-weight: 600 } .support-grid--cards .support-card__title { margin-top: .25rem; font-size: .875rem; line-height: 1.25rem } @media (min-width:768px) { .support-grid--cards .support-card--cover { min-height: 16.25rem } } .card-detail-bar { padding: 1.875rem 0 } .card-detail-bar__right { display: none } .card-detail-bar.sticky { min-height: 68px; padding: 0; background-color: #fff } .card-detail-bar.sticky .card-detail-bar__sticky-hide { display: none } .card-detail-bar.sticky .card-detail-bar__menu { height: 100%; margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-bottom: 0 } .card-detail-bar.sticky .card-detail-bar__row { height: 68px } @media (min-width:1200px) { .card-detail-bar.sticky .container { max-width: 1440px; padding-left: 0 } .card-detail-bar.sticky .card-detail-bar__logo { display: flex } .card-detail-bar.sticky .card-detail-bar__right, .card-detail-bar.sticky .card-detail-bar__title { display: block } } @media only screen and (max-width:768px) { .card-detail-bar__right { position: fixed; bottom: -1px; left: 0; width: 100%; z-index: 1120; display: block } .card-detail-bar__right .btn--secondary { width: 100%; border-radius: unset } body:has(.card-detail-bar__right) { padding-bottom: 5rem } body:has(.card-detail-bar__right) .uwy.userway_p5 .uai { bottom: 3rem } } @media only screen and (max-width:768px) { .card-detail-section { padding-top: 3rem; padding-bottom: 3rem } .card-detail-section h2 { font-size: 1.5rem } .card-detail-section h2:first-of-type { font-size: 1.875rem } .card-detail-section h4 { font-size: 1rem } .card-detail-section ul { padding-left: 1.5625rem } .card-detail-section section:first-of-type .container { padding-left: 0; padding-right: 0 } } .card--image-icon a { color: #000 } .card-detail-bar__row { column-gap: 1rem } .card-detail-bar__right { flex-shrink: 0 } .card-detail-bar { min-height: 4.5rem; padding: 19px 0 26px } .card-detail-bar__row { display: flex; align-items: center } .card-detail-bar__logo { display: none; width: 72px; flex: 0 0 72px; text-align: center; background-color: #072447; align-self: stretch; align-items: center; justify-content: center } .card-detail-bar__title { display: none; min-width: 1px; font-size: 1rem; line-height: 1.25rem; padding: 0 16px } .card-detail-bar__main { flex: 1 1 auto; min-width: 1px; align-self: stretch } .card-detail-bar__menu { height: auto; padding: 0 0 6px } .card-detail-bar__menu, .card-detail-bar__menu .bardrop__bar { background-color: transparent } .card-detail-bar__fixed-nav { top: 0 } .card-detail-bar__fixed-nav.sticky { min-height: 68px; padding: 0; background-color: #fff } @media (min-width:1199px) { .card-detail-bar__fixed-nav.sticky { top: 4.375rem } } @media (min-width:1199px) { .card-detail-bar__fixed-nav.sticky.sticky-up { top: 6.875rem } } .card-detail-bar__fixed-nav .card-detail-bar__sticky-hide { display: none } .card-detail-bar__fixed-nav .card-detail-bar__menu { height: 100%; margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-bottom: 0 } .card-detail-bar__fixed-nav .card-detail-bar__row { height: 68px } @media (min-width:1200px) { .card-detail-bar__fixed-nav.sticky .container { max-width: 1440px; padding-left: 0 } .card-detail-bar__fixed-nav.sticky .card-detail-bar__logo { display: flex } .card-detail-bar__fixed-nav.sticky .card-detail-bar__right, .card-detail-bar__fixed-nav.sticky .card-detail-bar__title { display: block } } @media (min-width:768px) { .card-banner_flex-end .card-banner__inner { padding-top: 6.35rem; padding-bottom: 4.375rem } } .quick-and-easy { border-top: 1px solid #d4d4d4; margin-top: 1.25rem; padding: 1.5rem 0 } @media (min-width:768px) { .quick-and-easy { border: none; margin-top: 0 } } @media (min-width:992px) { .quick-and-easy { padding: 4rem 0 } } .quick-and-easy .cards-inline-cta h3 { margin-bottom: 1.125rem } @media (min-width:768px) { .quick-and-easy .cards-inline-cta h3 { margin-bottom: 0 } } .why-direct-remit { padding: 2rem 0 } @media (min-width:992px) { .why-direct-remit { padding: 3rem 0 } } .why-direct-remit__title { margin-bottom: 3rem } @media (min-width:992px) { .why-direct-remit__title { margin-bottom: 4.75rem } } .discover { background: #fff; padding: 2rem 0 1.5rem } @media (min-width:768px) { .discover { padding: 4rem } } .discover__title { margin-bottom: 1.5rem } @media (min-width:768px) { .discover__title { margin-bottom: 3rem } } .discover__search-wrapper { display: flex; justify-content: center } .deals-food { padding: 4rem 0; z-index: 2 } @media (min-width:768px) { .deals-food { padding: .75rem 0 7rem } } .deals-food__img { display: block } .deals-food__img, .deals-food__img:after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100% } .deals-food__img:after { content: ""; background-color: var(--overlay-bg, rgba(25, 25, 25, .5)) } .deals-food__img-pic { width: 100%; height: 100%; object-fit: cover } .deals-food__breadcrumb { display: none } @media (min-width:768px) { .deals-food__breadcrumb { display: block; margin-bottom: 5.25rem; line-height: 1.4 } } .deals-food__title { margin-bottom: 1rem } @media (min-width:768px) { .deals-food__title { margin-bottom: 2rem; line-height: 1.15 } } .similar-card__picture { height: 0; overflow: hidden; padding-bottom: 59.55% } .spa { padding: 3.5rem 0; background-image: url(../images/deals/banner/category-spa-small.html); background-repeat: no-repeat; background-size: cover; background-position: 50%; position: relative; z-index: 1 } @media (min-width:768px) { .spa { padding: 11.5rem 0; background-image: url(../images/deals/banner/category-spa.html) } } .spa:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: var(--overlay-bg, rgba(25, 25, 25, .5)); z-index: -1 } .spa__title { margin: 0 auto .625rem; max-width: 40rem; text-align: center } @media (min-width:768px) { .spa__title { text-align: left; line-height: 1.15; margin: 0 0 .625rem } } .spa__discount { font-size: 1.125rem; line-height: 1.4; text-align: center } @media (min-width:768px) { .spa__discount { text-align: left } } .showing-deals { padding-top: 2rem } @media (min-width:992px) { .showing-deals { background-color: #eef2f8 } } .showing-deals__btn { padding: .3rem; margin-bottom: .9375rem } @media (min-width:992px) { .showing-deals__btn { margin-bottom: 0 } } .showing-deals__title { font-size: 1.875rem; margin-bottom: .875rem } @media (min-width:768px) { .showing-deals__title { font-size: 2.625rem; margin-bottom: 0 } } .showing-deals__tabs { background-color: #eef2f8 } .showing-deals__view-wrapper { border-bottom: .0625rem solid #efefef } @media (min-width:992px) { .showing-deals__head { display: flex; justify-content: space-between; border-bottom: .0625rem solid #d4d4d4; padding-bottom: 1.875rem } } .showing-deals__tab-pane>show .showing-deals__head { border-bottom: 1rem solid #d4d4d4 } .showing-deals__filter { padding: 1.5rem 0 1rem } @media (min-width:992px) { .showing-deals__filter { padding: 2rem 0 0 } .showing-deals__filter .form-white.no-gutters { margin: 0 -.4rem !important } .showing-deals__filter .form-white.no-gutters>.col-12 { padding: 0 .4rem } .showing-deals__filter .form-white.no-gutters>.col-12:last-child { white-space: nowrap } } .showing-deals__selectize { padding-top: 0 } .showing-deals__panel-head { padding-bottom: 1.625rem; align-items: center } @media (min-width:992px) { .showing-deals__panel-head { padding-top: .25rem; padding-bottom: 3.375rem } } .showing-deals__load-more { padding: 1rem 0 2.5rem } @media (min-width:992px) { .showing-deals__load-more { padding: 3rem 0 4rem } } .showing-deals__form-group { width: 100% } @media (min-width:992px) { .showing-deals__form-group { width: 12.5rem; margin-left: auto } } .showing-deals__map-panel--head { display: none } @media (min-width:992px) { .showing-deals__map-panel--head { display: block; padding-bottom: 1.25rem; border-bottom: .0625rem solid #efefef; margin-bottom: 1.875rem } } .showing-deals .pill-checkbox__map { margin-bottom: .75rem } .showing-deals__btn-map { margin-bottom: .25rem } .showing-deals__pill-checkbox { margin: 0 .75rem .9375rem 0 } @media (min-width:992px) { .showing-deals__pill-checkbox { margin-bottom: 0 } } .showing-deals__pill-checkbox .pill-checkbox--empty { padding: .375rem .8rem } .showing-deals__pill-checkbox .pill-checkbox--empty:after { display: none } .showing-deals__pill-checkbox>span { padding: .375rem 2rem .375rem .8rem } .showing-deals__pill-checkbox>span:after { content: ""; position: absolute; top: 50%; right: .9rem; width: .375rem; height: .625rem; background-image: url(../images/deals/banner/arrow.html); transform: translateY(-50%) } .showing-deals__pill-checkbox>input:checked+span:after { background-image: url(../images/deals/banner/arrow-wh.html) } @media (max-width:991.98px) { .showing-deals .popular-filter__top { background-color: #fff } } .modal-content .showing-deals__pill-checkbox { margin-bottom: .9375rem } .popular-deals .swiper-button-next, .popular-deals .swiper-button-prev { border-radius: 0; width: 44px; margin-top: -2.5rem } .popular-deals .swiper-button-next:after, .popular-deals .swiper-button-prev:after { font-size: 1rem; position: absolute; left: 0; right: 0; line-height: 0 } @media (min-width:576px) { .popular-deals { padding: 2rem 0 0 } } @media (min-width:768px) { .popular-deals { padding: 4rem 0 0 } } .popular-deals__head { margin-bottom: 1rem } @media (min-width:992px) { .popular-deals__head { display: flex; justify-content: space-between; margin-bottom: 2.75rem } } .popular-deals__view-wrapper { display: flex; align-items: center; margin-bottom: .625rem; border-bottom: 1px solid #efefef } @media (min-width:576px) { .popular-deals__view-wrapper { border: none } } .popular-deals__view { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: .875rem; font-weight: 600; color: #757575; line-height: 1; padding: 1.5rem 1rem 1rem; user-select: none; width: 50%; border-bottom: 2px solid transparent; transition: all .3s ease } @media (min-width:992px) { .popular-deals__view { border-bottom: none; width: 8.125rem; background: #fff; color: #000; padding: 1rem; box-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .14) } .popular-deals__view:first-child { border-radius: .5rem 0 0 .5rem } .popular-deals__view:last-child { border-radius: 0 .5rem .5rem 0 } } .popular-deals__view.active { cursor: default; border-color: #2765ff; color: #000; opacity: 1 !important } @media (min-width:992px) { .popular-deals__view.active { background: #072447; color: #fff } } .popular-deals__view:hover { opacity: .5 } @media (min-width:992px) { .popular-deals__view:hover { opacity: 1; background: #072447; color: #fff } } .popular-deals .popular-card { background: #fff; border-radius: .5rem; border: 1px solid #e4e9f0; position: relative; height: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; transition: all .3s ease } .popular-deals .popular-card:hover { transform: translateY(-.25rem) } .popular-deals .popular-card:hover .overlay-picture-linear:before { background-color: rgba(45, 48, 78, .3) } .popular-deals .popular-card:active .overlay-picture-linear:before { background-color: rgba(45, 48, 78, .5) } .popular-deals .popular-card .overlay-picture-linear { position: relative; display: block; height: 0; padding-bottom: 51.6% } .popular-deals .popular-card .overlay-picture-linear img { position: absolute } .popular-deals .popular-card__picture { position: relative; border-bottom: 1px solid #e4e9f0 } .popular-deals .popular-card__picture img { width: 100%; height: 100%; object-fit: cover } .popular-deals .popular-card__label-percent { position: absolute; top: 0; left: 1rem; z-index: 2; border-radius: 0 0 .5rem .5rem; background-color: #2765ff; font-size: .875rem; font-weight: 700; color: #000; padding: .375rem .625rem; pointer-events: none } @media (min-width:768px) { .popular-deals .popular-card__label-percent { font-size: 1rem; padding: .5rem .75rem; left: 2rem } } .popular-deals .popular-card__label-new { position: absolute; top: .5rem; right: .5rem; border-radius: .375rem; background-color: #73e6ad; z-index: 2; color: #0d8448; font-size: .625rem; font-weight: 700; padding: .15rem .75rem; text-transform: uppercase; pointer-events: none } @media (min-width:768px) { .popular-deals .popular-card__label-new { padding: .25rem .75rem; top: .75rem; right: .75rem; font-size: .75rem } } .popular-deals .popular-card__body { padding: 1.25rem 1.25rem 1rem; position: static } .popular-deals .popular-card__category { display: flex; justify-content: space-between; padding: 0 1.25rem 1rem; position: static } @media (max-width:991.98px) { .popular-deals .popular-card__category { flex-direction: column; align-items: flex-start } .popular-deals .popular-card__category .badge-primary { margin-bottom: 5px } } .popular-deals .popular-card__name { color: #000; font-weight: 600; font-size: 1rem; line-height: 1.4; margin-bottom: .25rem; transition: all .3s ease } .popular-deals .popular-card__stretch-link:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .popular-deals .popular-card__info { color: #000; font-size: .75rem; font-weight: 400 } @media (min-width:768px) { .popular-deals .popular-card__info { font-size: .875rem } } .popular-deals .popular-card__footer { padding: 0 1.25rem 1.25rem; margin-top: auto } @media (min-width:576px) { .popular-deals .popular-card__footer { display: flex; justify-content: space-between } } .popular-deals .popular-card__footer-status { color: #757575; font-size: .75rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-right: .313rem } .popular-deals .popular-card__footer-date { color: #d22323; font-size: .75rem; font-weight: 600; white-space: nowrap } .popular-deals .popular-card--map { display: flex; position: relative; border-bottom: 1px solid #efefef; padding-bottom: 1rem; margin-bottom: 1rem; overflow: hidden } .popular-deals .popular-card--map .overlay-picture-linear { position: relative; display: block } .popular-deals .popular-card--map .overlay-picture-linear:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: var(--overlay-bg, linear-gradient(0deg, rgba(45, 48, 78, .3) 0, rgba(21, 18, 62, .7))); transition: all .3s ease } .popular-deals .popular-card--map:hover .overlay-picture-linear:before { background-color: rgba(45, 48, 78, .3) } .popular-deals .popular-card--map:active .overlay-picture-linear:before { background-color: rgba(45, 48, 78, .5) } .popular-deals .popular-card--map .popular-card__picture { width: 5rem; height: 5rem; flex: 0 0 5rem; border-radius: .5rem; display: flex; overflow: hidden } @media (min-width:992px) { .popular-deals .popular-card--map .popular-card__picture { width: 7.5rem; height: 7.5rem; flex: 0 0 7.5rem } } @media (min-width:992px) { .popular-deals .popular-card--map .popular-card__name { display: flex; justify-content: space-between } } .popular-deals .popular-card--map .popular-card__name:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: 1rem; vertical-align: middle; color: #afafaf; font-size: .75rem; line-height: 2.5 } .popular-deals .popular-card--map .popular-card__label-new { top: .5rem; left: .5rem; right: auto } .popular-deals .popular-card--map .popular-card__label-percent { position: relative; left: 0; top: 0; border-radius: .5rem; padding: .15rem .75rem; margin-right: .5rem } @media (min-width:992px) { .popular-deals .popular-card--map .popular-card__label-percent { padding: .25rem .75rem } } .popular-deals .popular-card--map .popular-card__main-content { flex: 1; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden } .popular-deals .popular-card--map .popular-card__body { padding: 0 0 0 1rem } .popular-deals .popular-card--map .popular-card__category { padding: .5rem 0 .5rem .7rem } .popular-deals .popular-card--map .popular-card__footer { display: flex; flex-direction: column; padding: 0 0 0 1rem } @media (min-width:992px) { .popular-deals .popular-card--map .popular-card__footer { flex-direction: row; justify-content: space-between; align-items: center } } .popular-deals .popular-card--map .popular-card__footer-status { display: flex; align-items: center; padding: .5rem 0 } @media (min-width:992px) { .popular-deals .popular-card--map .popular-card__footer-status { padding-right: .313rem } } .popular-deals .tab-pane-map { position: relative; align-items: flex-end; height: 907px } @media (min-width:992px) { .popular-deals .tab-pane-map { align-items: center } } .popular-deals .tab-pane-map.active, .popular-deals .tab-pane-map.show { display: flex } .popular-deals .tab-pane-map .popular-deals__map-main { position: absolute; top: 0; left: 0; height: 907px !important; width: 100% } .popular-deals__map-panel { margin: 0 -1rem; z-index: 1; height: auto } @media (min-width:992px) { .popular-deals__map-panel { position: relative; background-color: #fff; display: inline-block; width: 530px; height: 859px; padding: 1.25rem 1rem; margin: 0; border-radius: .5rem; box-shadow: 0 5px 15px rgba(0, 0, 0, .15) } } .popular-deals__map-panel--head { border-bottom: 1px solid #eee; padding-bottom: .75rem } @media (min-width:992px) { .popular-deals__map-panel--body { margin-top: 2rem } } @media (min-width:992px) { .popular-deals .swiper-location-cards .swiper-wrapper { display: block } } @media (max-width:991.98px) { .popular-deals .swiper-location-cards .popular-card--map { background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); border-radius: .5rem; padding: 1rem; max-width: 80%; min-width: 18rem; height: auto } } @media (max-width:991.98px) and (min-width:576px) { .popular-deals .swiper-location-cards .popular-card--map { max-width: 24.25rem } } @media (max-width:991.98px) { .popular-deals .swiper-location-cards .popular-card--map .popular-card__name { position: relative; padding-right: 1rem; -webkit-line-clamp: 1 } .popular-deals .swiper-location-cards .popular-card--map .popular-card__name:after { position: absolute; top: 0; right: 0; margin: 0 } } .ccbenefits-section { background: #fff; padding: 1.75rem 0 } @media (min-width:768px) { .ccbenefits-section { padding: 5rem 0 } } .content-with-sm .ccbenefits__body { max-width: 40% !important } .content-with-md .ccbenefits__body { max-width: 60% !important } @media (max-width:991.98px) { .content-with-md .ccbenefits__body { max-width: 100% !important } } .content-with-lg .ccbenefits__body { max-width: 100% !important } @media (min-width:768px) and (max-width:991.98px) { .ccbenefits { height: 100% } } @media (min-width:576px) { .ccbenefits { min-height: 25rem } } .ccbenefits__icon img { width: 42px; margin-bottom: 1rem } .ccbenefits--large { min-height: 25rem } .ccbenefits--left-col .ccbenefits__body, .ccbenefits--right-col .ccbenefits__body { min-height: 36rem; display: flex; flex-direction: column; justify-content: flex-end } .ccbenefits--left-col .ccbenefits__title, .ccbenefits--right-col .ccbenefits__title { margin-bottom: 1rem } @media (min-width:768px) { .ccbenefits--left-col .ccbenefits__title, .ccbenefits--right-col .ccbenefits__title { margin-bottom: 1.375rem } } .ccbenefits--left-col .ccbenefits__grid, .ccbenefits--right-col .ccbenefits__grid { margin-bottom: .75rem; margin-top: 1rem } @media (min-width:768px) { .ccbenefits--left-col .ccbenefits__grid, .ccbenefits--right-col .ccbenefits__grid { margin-bottom: 1.25rem } } @media (min-width:992px) { .ccbenefits--left-col .ccbenefits__body, .ccbenefits--right-col .ccbenefits__body { width: 100%; max-width: 40rem; min-height: 0; display: block } .ccbenefits--right-col .ccbenefits__body { margin-left: auto } } .ccbenefits a:not(.btn) { color: inherit } .ccbenefits__body { position: relative } .ccbenefits__body ul li, .ccbenefits__title { margin-bottom: .5rem } .ccbenefits__title { font-weight: 600; font-size: 32px; max-width: none } @media (max-width:1199.98px) { .ccbenefits__title { font-size: 20px } } @media (min-width:992px) { .ccbenefits__title { max-width: 20rem; margin-bottom: 1rem !important } .ccbenefits__title--40 { max-width: 40rem } } .ccbenefits__desc { margin-bottom: .5rem; min-height: 2.375rem; font-size: 14px } .ccbenefits__grid { display: flex } @media (min-width:1200px) { .ccbenefits__grid { flex-wrap: wrap; overflow: initial; margin-right: 0 } } @media (max-width:991.98px) { .ccbenefits__grid { flex-wrap: wrap; margin-right: 0 } } .ccbenefits__info { max-width: 10.875rem; font-size: .75rem; margin-right: 1rem; margin-bottom: 1.5rem } @media (min-width:1200px) { .ccbenefits__info { max-width: 13.375rem; min-width: 9.5rem } } @media (min-width:768px) and (max-width:991.98px) { .ccbenefits__info { margin-right: .5rem } } .ccbenefits__info-icon { margin-bottom: .75rem } .ccbenefits__info-icon picture { display: inline-block } .ccbenefits__info-icon picture img { width: 2rem; height: 2rem } @media (min-width:768px) { .ccbenefits__info-icon picture { width: 3rem; height: 3rem } } .ccbenefits__info-icon i { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: 0; font-size: 1.125rem; border-radius: 50% } @media (min-width:768px) { .ccbenefits__info-icon i { width: 3rem; height: 3rem } } .ccbenefits__info-icon img { max-width: 2.625rem } .ccbenefits__info-title { margin-bottom: .3125rem; font-size: 1rem; font-weight: 500 } .ccbenefits__item { margin-bottom: 1rem; font-size: 1rem } .ccbenefits__item-icon { margin-bottom: .625rem } .ccbenefits__item-icon picture img { width: 2.0625rem; height: 2.0625rem } .ccbenefits__item-icon i { display: inline-block; width: 2.0625rem; line-height: 2.0625rem; text-align: center; font-size: 1.125rem; border: 1px solid #fff; border-radius: 50% } .ccbenefits__item-title { margin-bottom: .3125rem; font-weight: 600 } .ccbenefits__item-desc { font-size: .75rem; font-weight: 300 } .ccbenefits__links-wrapper .link--bordered:hover { color: #072447 } @media (min-width:992px) { .ccbenefits { min-height: 31.25rem; padding: 2rem } .ccbenefits__title { margin-bottom: 1rem; font-weight: 400; font-size: 1.7rem } .ccbenefits__item-icon { margin-bottom: .75rem } .ccbenefits__item-icon picture img { width: 3rem; height: 3rem } .ccbenefits__item-icon i { width: 3rem; line-height: 3rem; font-size: 1.125rem } } @media (max-width:767.98px) { .ccbenefits .picture-overlay:after { display: none } .ccbenefits .picture-overlay img { height: 16rem } } .ksa-full-height-banner .ccbenefits { min-height: 100vh } .pb-video-container .ccbenefits__body-video { margin-bottom: 10rem } @media (min-width:768px) { .ccbenefits__title--lg .ccbenefits__title { max-width: 80% } } @media screen and (max-width:768px) { .ccbenefits--digitalStore { min-height: 28.75rem !important } } .ccbenefits-reward, .ccbenefits-reward-2col { padding: 1rem 0 } .ccbenefits-reward-2col .ccbenefits--left-col .ccbenefits__body, .ccbenefits-reward-2col .ccbenefits--right-col .ccbenefits__body, .ccbenefits-reward .ccbenefits--left-col .ccbenefits__body, .ccbenefits-reward .ccbenefits--right-col .ccbenefits__body { justify-content: center; order: 1 } @media (min-width:992px) { .ccbenefits-reward-2col .ccbenefits--left-col .ccbenefits__body, .ccbenefits-reward-2col .ccbenefits--right-col .ccbenefits__body, .ccbenefits-reward .ccbenefits--left-col .ccbenefits__body, .ccbenefits-reward .ccbenefits--right-col .ccbenefits__body { max-width: 100%; width: auto; order: 0 } } .ccbenefits-reward-2col .ccbenefits--left-col .ccbenefits__title, .ccbenefits-reward-2col .ccbenefits--right-col .ccbenefits__title, .ccbenefits-reward .ccbenefits--left-col .ccbenefits__title, .ccbenefits-reward .ccbenefits--right-col .ccbenefits__title { margin-bottom: .5rem } .ccbenefits-reward-2col .ccbenefits__grid, .ccbenefits-reward .ccbenefits__grid { margin-top: 1.375rem; flex-direction: column } @media (min-width:992px) { .ccbenefits-reward-2col .ccbenefits__grid, .ccbenefits-reward .ccbenefits__grid { flex-direction: row } } .ccbenefits-reward-2col .ccbenefits, .ccbenefits-reward .ccbenefits { justify-content: space-between; align-items: center; flex-direction: column } @media (min-width:992px) { .ccbenefits-reward-2col .ccbenefits, .ccbenefits-reward .ccbenefits { flex-direction: row } } .ccbenefits-reward-2col .ccbenefits__info-icon, .ccbenefits-reward .ccbenefits__info-icon { min-height: 2rem } .ccbenefits-reward-2col .ccbenefits__info-icon img, .ccbenefits-reward .ccbenefits__info-icon img { max-width: 3rem } .ccbenefits-reward-2col .ccbenefits__info-icon svg, .ccbenefits-reward .ccbenefits__info-icon svg { width: 24px; height: 24px } @media (min-width:992px) { .ccbenefits-reward-2col .ccbenefits__info-icon, .ccbenefits-reward .ccbenefits__info-icon { min-height: 3.5rem } } .ccbenefits-reward-2col .ccbenefits__info-icon i, .ccbenefits-reward .ccbenefits__info-icon i { border: 0; width: 2.5rem; height: 2.5rem; border-radius: 0 } .ccbenefits-reward-2col .ccbenefits__info-icon i img, .ccbenefits-reward .ccbenefits__info-icon i img { width: 100% } .ccbenefits-reward-image { position: relative; max-width: 16rem; order: 0 } @media (min-width:992px) { .ccbenefits-reward-2col .ccbenefits--left-col .ccbenefits__body, .ccbenefits-reward-2col .ccbenefits--right-col .ccbenefits__body { width: 50% } } .ccbenefits--center-col { text-align: center } .ccbenefits--center-col .ccbenefits__body { width: 60%; margin: 0 auto } @media (max-width:991.98px) { .ccbenefits--center-col .ccbenefits__body { width: 90% } } .ccbenefits--center-col .ccbenefits--head { width: 60%; margin: 0 auto 50px } @media (max-width:991.98px) { .ccbenefits--center-col .ccbenefits--head { width: 90% } } .card-space-between { display: flex; justify-content: space-between } .card-space-between .pick-cards__item--checkbox { top: 1.75rem } .ccbenefits__body-video { margin-bottom: 6rem; display: inline-block } @media (max-width:991.98px) { .ccbenefits__body-video { margin-bottom: 2rem; margin-top: 2rem } } .banner-lg-text-logos .banner-logos { display: flex; flex-wrap: wrap } .banner-lg-text-logos .banner-logos img { max-width: 50%; flex-basis: 25%; flex-grow: 0 } @media (max-width:991.98px) { .banner-lg-text-logos .banner-logos img { max-width: 48% } } .ccbenefits__item-icon>picture { border: 1px solid #fff; width: 3rem; height: 3rem; display: flex; border-radius: 50%; justify-content: center; align-items: center } .ccbenefits__item-icon>picture img { width: 2rem !important; height: auto !important; max-width: 1.5rem !important } @media (max-width:767.98px) { .ccbenefits { border-radius: 0; color: #000; padding: 0 } .ccbenefits picture { position: relative } .ccbenefits .ccbenefits__body { min-height: auto; padding: 1rem 0 0 } .ccbenefits .ccbenefits__body .ccbenefits__body-btns a:not(.text-white) { color: #000 !important } .ccbenefits .ccbenefits__info-icon i { border-color: #072447 } .ccbenefits .ccbenefits__info-icon img { filter: invert(76%) sepia(122%) saturate(471%) hue-rotate(190deg) brightness(85%) contrast(161%) } .ccbenefits .btn--link-white { color: #072447 } } @media (min-width:768px) { [class*="--white"] .ccbenefits, [class*="--white"] .ccbenefits .btn--link-white { color: #000 } [class*="--white"] .ccbenefits .link--bordered, [class*="--white"] .ccbenefits__info-icon i { border-color: #000 } [class*="--white"] .cards-cta--overlay { color: #000 } [class*="--white"] .breadcrumb--white, [class*="--white"] .breadcrumb--white a, [class*="--white"] .hero__content { color: #000 !important } .ccbenefits--left-col .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(270deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .9))) } .ccbenefits--right-col .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(90deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .9))) } .ccbenefits--bottom-col .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(180deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .88) 80%)) } .ccbenefits--top-col .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(1turn, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .88))) } } @media (min-width:768px) { .ccbenefits__body-70w .ccbenefits__body { width: 70% !important } .card-list.alt-v .ccbenefits__body { min-height: 200px; display: flex; flex-direction: column } } .ccbenefits .btn-primary { color: #fff !important } .ccbenefits:has(p>a:nth-of-type(2)) p { display: inline-flex; flex-direction: column; gap: 1rem } .ccbenefits:has(p>a:nth-of-type(2)) br { display: none } .moreapp-section { background-color: #ffcd4d } .moreapp-download_large { text-align: center; padding: 3.5rem 0 0; font-size: 1.125rem; background-repeat: no-repeat; background-size: contain; background-position: 0 100% } @media (min-width:992px) { .moreapp-download_large { padding: 6.25rem 2.25rem 0; background-size: cover } } .moreapp-download_large .download_img--btn { max-width: 165px; width: 100% } .moreapp-download_large>.container { max-width: 1115px } .moreapp-download_large>.container>.row { flex-wrap: wrap-reverse } @media (min-width:768px) { .moreapp-download_large>.container>.row { flex-wrap: wrap } } .moreapp-download_large__phone { max-width: 18.375rem } @media (min-width:768px) { .moreapp-download_large__phone { max-width: 21.375rem } } @media (min-width:992px) { .moreapp-download_large__phone { max-width: none } } .moreapp-download_large h3 { margin: 1rem auto .75rem; font-size: 1.875rem; line-height: 1.2; font-weight: 300; max-width: 15rem } @media (min-width:768px) { .moreapp-download_large h3 { max-width: none; margin-left: 0; margin-right: 0 } } @media (min-width:992px) { .moreapp-download_large h3 { font-size: 2.625rem; line-height: 1; margin: 1rem 0 } } .moreapp-download_large__content { font-weight: 300; margin: 0 auto 1.25rem; text-align: center } @media (min-width:768px) { .moreapp-download_large__content { margin: 0 0 1.25rem; text-align: left } } @media (min-width:992px) { .moreapp-download_large__content { max-width: 15.625rem } } .moreapp-download_large__content p { margin: 0; font-size: 1.125rem; font-weight: 300; line-height: 1.35; max-width: 22rem } @media (min-width:992px) { .moreapp-download_large__content p { max-width: 31rem; line-height: 1.4 } } @media (max-width:767.98px) { .moreapp-download_large__buttons { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100% } } .moreapp-download_large__buttons a { display: inline-block; margin-bottom: .625rem; transition: all .3s ease } .moreapp-download_large__buttons a:hover { opacity: .8 } .moreapp-download_large__buttons a:active { transform: scale(.97) } @media (min-width:576px) { .moreapp-download_large__buttons a { margin-top: .625rem; margin-bottom: .625rem } } @media (min-width:992px) { .moreapp-download_large { display: flex; justify-content: space-between; align-items: center; text-align: initial } .moreapp-download_large__content { max-width: none; margin: 0 } .moreapp-download_large__buttons { margin-bottom: 5.75rem } .moreapp-download_large__buttons a { margin-top: 2.063rem; margin-right: 1.25rem } } .moreapp-download_large__end-content { display: flex; justify-content: center; align-items: flex-end } @media (min-width:768px) { .moreapp-download_large__end-content { justify-content: flex-start } } .moreapp-download_large__center-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center } .deals-search .hero__inner { min-height: auto; padding-top: 1rem; padding-bottom: 1rem } @media (min-width:768px) { .deals-search .hero__inner { padding-top: 5.4rem; padding-bottom: 4rem } } .deals-search .breadcrumb { top: .7rem } .deals-search .search-results__item { padding-top: .86rem } .deals-search .search-results__side { max-width: 13.7rem } .deals-search .search-results__filter-item { margin-bottom: 0 } @media (min-width:768px) { .deals-search .search-results__item-icon { font-size: 28px } } .deals-search .search-results__item-title { margin-bottom: .5rem } .deals-search-global .search-results__top { padding-bottom: 1.7rem } .deals-search-global .search-results__item { padding-top: 1rem } .deals-search-global .search-results__form { max-width: 41rem } .deals-search-global .search-results__form .input-group-text { padding: 1rem 1.2rem } .partner-info { background-color: #fff; border-radius: .75rem; padding: 1.5rem } @media (min-width:576px) { .partner-info { padding: 2rem } } .partner-info-wrap { display: flex } @media (max-width:767.98px) { .partner-info-wrap { flex-direction: column; align-items: center; text-align: center } } .partner-info-image { max-width: 180px; width: 100% } .partner-info-image picture { display: block; max-width: 180px; border: 1px solid #eef2f8; border-radius: .625rem } .partner-info-content { padding-top: 1.5rem } @media (min-width:576px) { .partner-info-content { padding-left: 1.5rem; padding-top: 0 } } .partner-info-content h3 { color: #333; font-size: 1.125rem; font-weight: 700; line-height: 1.75rem; margin-bottom: 0 } .partner-info-content p { color: #333; font-size: 1.125rem; line-height: 1.875rem; font-weight: 400; margin: .75rem 0 0 } .wealth-hero h4 { font-weight: 300; font-size: 1.5rem } @media (min-width:768px) { .private-banking__hero.card-banner { min-height: 27.5rem } } .section_ourTeams__swiperButton { width: 3rem; height: 3rem; background-color: #003edd; color: #fff; top: 50%; transform: translateY(-50%) } .section_ourTeams__swiperButton:after { display: none } .section_ourTeams__nextSlide { right: 0 } .section_ourTeams__prevSlide { left: 0 } .section_ourTeams .swiper-button-disabled { opacity: 0 } .private-banking__stats .section_ourTeams__swiperButton { transform: translateY(0); background-color: #072447 } .ksa-stats .card { align-items: center } .ksa-stats .card img { max-width: 5rem } [dir=rtl] .swiper-rtl .swiper-button-prev { right: 0 } [dir=rtl] .swiper-rtl .swiper-button-next { left: 0 } .section_advice { background-color: #f7fafc } .section_advice .card--action { border-radius: .7rem; border-color: #eef2f8 } .section_advice .card--action:hover .para, .section_advice .card--action:hover .title { color: #fff } .section_advice .card--action .card__body { flex-direction: row; justify-content: start; align-items: center; padding: .75rem 1.55rem .875rem } .section_advice .card--action .card__icon>i { width: 3rem; line-height: 3rem } .section_advice .card--action p, .section_advice .card--action span { color: #000 } .wealth-2-col .swiper--pagination-outside>.swiper-pagination-bullets { bottom: 3rem } .wealth-cta .cards-cta__counter-inner { max-width: 100% } .section_imgContent { background-color: #f7fafc } .section_imgContent picture img { border-radius: .5rem } @media (max-width:767.98px) { .campaign-banner { background-color: #fff } .campaign-banner .card-banner__grid { flex-wrap: wrap; margin-top: 1.5rem } .campaign-banner .card-banner__grid .card-banner__info { max-width: 45% } .campaign-banner .card-banner__grid .card-banner__info .card-banner__info-title { color: #072447 } } .campaign-banner__v1.opacity-1:before { opacity: .2 } .campaign-banner__v1.opacity-2:before { opacity: .4 } .campaign-banner__v1.opacity-3:before { opacity: .7 } .campaign-banner__v1 .icon-circle-check { font-size: 3rem } .campaign-banner__v1 .card-banner__grid { justify-content: center } .campaign-banner__v1 .salary-transfer-banner__container { z-index: 3; position: relative } @media screen and (min-width:576px) { .campaign-banner__v1:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: #191919; opacity: .1 } } @media screen and (max-width:576px) { .campaign-banner__v1 { color: #000 !important } .campaign-banner__v1 .list-white .list--bullet li:before { background-color: #fff } .campaign-banner__v1 .card-banner__info { flex: 0 0 8rem } } .campaign-banner__v1.bg-white picture { z-index: 1 } @media screen and (min-width:576px) { .campaign-banner__v1.bg-white:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: hsla(0, 0%, 100%, .5); z-index: 2 } } .campaign-banner__v1.bg-white .salary-transfer-banner__container { z-index: 3; position: relative } .campaign-banner__v1.bg-white .card-banner__body * { color: #072447 !important } .campaign-banner__v1.bg-white .card-banner__body li:before { background-color: #072447 !important } .campaign-banner__v1 .card-banner__body>h2 { line-height: 1.3 !important; margin-bottom: 1.5rem !important; margin-top: 1.5rem !important; font-size: 1rem !important; font-weight: 600 !important } @media (min-width:768px) { .campaign-banner__v1 .card-banner__body>h2 { font-size: 1.5rem !important; font-weight: 300 !important } } .campaign-banner__v1 ul { margin: 0; list-style: none; font-size: 1rem !important; padding: 0 0 0 .4375rem } .campaign-banner__v1 ul li { margin-bottom: .875rem; position: relative; padding-left: 1.125rem } .campaign-banner__v1 ul li:before { background-color: #fff; content: " "; position: absolute; left: 0; border-radius: 50%; top: .5rem; width: .375rem; height: .375rem } @media (min-width:576px) { .campaign-banner__v1 ul li:before { top: .4375rem; width: .5rem; height: .5rem } } @media (min-width:992px) { .campaign-banner__v1 { margin-bottom: 0 !important } } .campaign-banner__v1 p { font-size: .875rem } .campaign-banner__v1 a { color: #fff } @media (max-width:767.98px) { .campaign-banner__v1 a { color: #000 } } .campaign-banner__v1 a.btn--secondary { color: #072447 } .campaign-banner__v1 .link-arrow.btn { position: relative; width: 100%; text-align: left } .campaign-banner__v1 .link-arrow.btn:after { position: absolute; right: .5rem; top: 50%; transform: translateY(-50%) } .campaign-banner__v1 form a { color: #072447 } .campaign-banner__v1 .card-banner__info p { font-size: .8125rem !important; margin-top: .5rem } @media (max-width:991.98px) { .campaign-banner__v1 ul li:before { background-color: #000 } .campaign-banner__v1 .card-banner__info { margin-right: 2rem } } .campaign-banner__v1 .btn .icon-chevron-double-down { position: relative; top: .2rem } .campaign-banner__v1:has(.modal.show) .salary-transfer-banner__container { z-index: unset } .campaign-banner__v1 .otp-inputs .otp-field { border: 1px solid #d7dae5 } .background-position-right .card-banner__picture, .background-position-right .section__side-image { background-position: 100% } .background-position-left .card-banner__picture, .background-position-left .section__side-image { background-position: 0 } .background-position-top .card-banner__picture, .background-position-top .section__side-image { background-position: top } .background-position-bottom .card-banner__picture, .background-position-bottom .section__side-image { background-position: bottom } .campaign-banner-header * { opacity: 1 } .campaign-banner-header~.select2-container--open { z-index: 1321 } .campaign-banner-header+.site-main { margin-top: 3.75rem } @media (max-width:767px) { .campaign-banner-header+.site-main { margin-top: 2.5rem } } .campaign-banner--default { padding-top: 5rem } .campaign-banner--default .selectize-dropdown { border: 1px solid hsla(0, 0%, 83.1%, .9) !important } .campaign-banner--default .card-banner__desc p { margin-bottom: 1rem } .campaign-banner--default .packages-detail-info .card-banner__info-title { font-weight: 400 } .campaign-banner--default .campaign-form-step-title { font-size: 1.1275rem; font-weight: 400 } @media (max-width:767px) { .campaign-banner--default .card-banner__body { padding-top: 0 } .campaign-banner--default .card-banner__desc { margin-bottom: 0 !important } } @media screen and (min-width:992px) { .campaign-banner--default .card-banner__info { width: 100%; flex: 1; margin-right: 1rem } } .campaign-banner--default.campaign-banner__v1 .card-banner__info p { max-width: 100%; font-size: .875rem !important } .campaign-banner--default .campaign-banner__v1 .card-banner__info p, .campaign-banner--default .card-banner__desc, .campaign-banner--default .card-banner__desc p, .campaign-banner--default .packages-detail-info .card-banner__info-title { font-size: 1rem !important } .campaign-banner--default .card-banner__body picture { max-width: 50% } .campaign-banner--default.campaign-banner__v1 .front-img { max-width: 100%; max-height: unset } @media screen and (min-width:768px) { .campaign-banner--default .card-banner__body h1, .campaign-banner--default .card-banner__body h2, .campaign-banner--default .card-banner__body p { max-width: 100% } } .campaign-form--v1 .custom-checkbox, .campaign-form--v1 .custom-radio { margin-bottom: 0 } .campaign-form--v1 .custom-checkbox { margin-right: .5rem } .campaign-form--v1 .form-group { margin-bottom: 1rem } .campaign-form--v1 .form-group.mb-45 { margin-bottom: 1rem !important } .campaign-form--v1 .form-group.form-group--checkbox-bg { margin-bottom: 1rem } .campaign-form--v1 .form-group.form-group--checkbox-bg:has([type=checkbox]) { margin-bottom: 1rem } .campaign-form--v1 .form-group textarea { resize: none } .campaign-form--v1 .btn-secondary.link-arrow { margin-bottom: 0 } .campaign-form--v1 .custom-radio.d-block { margin-bottom: 1rem } #site_header.campaign-banner-header { height: 3.75rem; background-color: #072447 } #site_header.campaign-banner-header .navbar__brand-fixed>img { height: 1.875rem } #site_header.campaign-banner-header.sticky { background-color: #072447; opacity: 1 } #site_header.campaign-banner-header .navbar__content, #site_header.campaign-banner-header .navbar__inner { min-height: 3.75rem; padding: 0 } .campaign-form-bg-image-dnone .card-banner__picture { display: none } .campaign-form-bg-image-dnone .card-banner__info-icon img { filter: invert(76%) sepia(122%) saturate(471%) hue-rotate(190deg) brightness(85%) contrast(161%) } .campaign-form-bg-image-dnone .text-primary { color: #000 !important } .campaign-form-bg-white { background-color: #fff } .campaign-form-bg-grey { background-color: grey } .campaign-banner--default ul { text-align: left } .campaign-banner--default.campaign-form-bg-white:before { background-color: #fff } .campaign-banner--default.campaign-form-bg-white * { color: #000 } .campaign-banner--default.campaign-form-bg-gray:before { background-color: hsla(0, 0%, 50.2%, .6) } .campaign-banner--default.campaign-form-bg-gray * { color: #000 } .campaign-banner--default.campaign-form-bg-white .campaign-form-container .upload-form-group { background-color: #eef2f8 !important } @media (min-width:768px) { .campaign-banner--default.campaign-form-bg-white .campaign-form-container { background-color: #fbfbff !important; border: 1px solid hsla(0, 0%, 83.1%, .3); box-shadow: 0 0 .625rem rgba(0, 0, 0, .1) } .campaign-banner--default.campaign-form-bg-white .campaign-form-container .campaign-form-wrap--v1 { background-color: #fbfbff !important } } .campaign-banner--default.campaign-form-bg-white .campaign-form-container .upload-documents__browse, .campaign-banner--default.campaign-form-bg-white .campaign-form-container .upload-documents__buttons { display: flex !important } .campaign-banner--default.campaign-form-bg-white .campaign-form-container .parsley-error { color: #d22323 } @media (max-width:991.98px) { .campaign-banner__v1.campaign-banner--default .card-banner__info { margin-right: 0; margin-left: 0; flex: auto } } @media screen and (max-width:767px) { .campaign-banner--default { padding-top: 0 } .campaign-banner--default .card-banner__body { background-color: #eef2f8 !important; padding-bottom: 2rem } .campaign-banner--default .card-banner__body picture { max-width: 100%; display: flex !important; justify-content: center } .campaign-banner--default .btn-primary.link-arrow { color: #fff !important } .campaign-banner--default .salary-transfer-banner__container { background-color: #eef2f8 !important; padding-bottom: 0 } .campaign-banner--default .lead-form-wrap { border-radius: 0 !important } .campaign-banner--default .link-arrow.text-white { color: #000 !important } #site_header.campaign-banner-header, #site_header.campaign-banner-header .navbar__content, #site_header.campaign-banner-header .navbar__inner { height: 2.5rem } #site_header.campaign-banner-header .navbar__content, #site_header.campaign-banner-header .navbar__inner { min-height: 0 } #site_header.campaign-banner-header .navbar__brand-fixed>img { height: 1.5rem } #site_header.campaign-banner-header .navbar a { margin-top: .5rem } } #lead-form-success { align-items: center; min-height: 23.4375rem; justify-content: center } #lead-form-success p { font-size: 1rem } @media screen and (max-width:767px) { #lead-form-success { min-height: 17.1875rem } } .campaign-banner--default .card-banner__grid .card-banner__info picture img { aspect-ratio: 1/1; max-width: 5rem !important; width: 42px } .campaign-banner--default .lead-step-form h5 { font-size: 1.125rem !important; margin-top: 1rem } .campaign-banner--default .lead-step-form .custom-checkbox, .campaign-banner--default .lead-step-form button { margin-top: 1rem } .campaign-banner--default .lead-step-form .row:has([type=checkbox])~.row:has(.btn-secondary) button { margin-top: 0; width: 50%; margin-bottom: 0 !important; justify-content: left !important } .campaign-banner--default .lead-step-form .row:has([type=checkbox])~.row:has(.btn-secondary) button:first-of-type { text-align: center } .campaign-banner--default .lead-step-form .row:has([type=checkbox])~.row:has(.btn-secondary) button:after { display: none } .campaign-banner--default .lead-step-form .row:has([type=checkbox])~.row:has(.btn-secondary) .col-12 { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between } .campaign-banner--default ul li:before { background-color: #fff } @media screen and (max-width:767px) { .campaign-banner--default ul li:before { background-color: #000 } } .campaign-banner--default.campaign-form-bg-white ul li:before { background-color: #000 } .campaign-banner--default .lead-step-form li.select2-selection__choice button { margin-top: 0 !important } .campaign-banner--default li.select2-selection__choice:before { display: none } .campaign-form-container .select2-container--boostrap4 .select2-selection--multiple .select2-search__field::placeholder { opacity: 0 } .campaign-form-container .selectize-float-label { text-overflow: ellipsis; width: 90%; overflow: hidden; white-space: nowrap } .campaign-form-container .select2-container .select2-selection--multiple { display: flex; flex-wrap: wrap; min-height: 56px !important } .campaign-form-container .select2-container .select2-selection--multiple .select2-search__field { display: none; height: 0 } .campaign-form-container .select2-container .select2-selection--multiple .select2-selection__rendered { padding: 12px 0 0 !important; display: flex; flex-wrap: wrap } .campaign-form-container .select2-container .select2-selection--multiple .select2-selection__choice { margin: 0 6px 6px 0 } .cb-survey { position: relative } .cb-survey-header#site_header { z-index: 1330 } .cb-survey .float-label.active label { top: .275rem } .cb-survey h5 strong, .cb-survey label strong { font-weight: 700 } .cb-survey:before { content: ""; width: 100%; height: 100%; position: absolute } .cb-survey.campaign-form--v1 .form-group { margin-bottom: 1rem } @media (min-width:768px) { .cb-survey.campaign-banner__v1:before { background: var(--bg-survey, transparent) } } .cb-survey--opac-100:before { opacity: .1 } .cb-survey--opac-200:before { opacity: .2 } .cb-survey--opac-300:before { opacity: .3 } .cb-survey--opac-400:before { opacity: .4 } .cb-survey--opac-500:before { opacity: .5 } .cb-survey--opac-600:before { opacity: .6 } .cb-survey--no-overlay:before { content: inherit !important } .cb-survey>picture { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 0 } .cb-survey>picture.picture-overlay:after { display: block } .cb-survey>picture img { object-fit: cover } @media (min-width:992px) { .cb-survey>picture+.container .survey-form-wrap { flex: 0 0 85% !important } } .cb-survey .card-banner__inner { display: block !important } @media (min-width:768px) { .cb-survey .card-banner__inner { padding-top: 3.75rem !important } } .cb-survey .custom-radio { margin-bottom: 10px } .cb-survey~.footer-top { position: relative } .cb-survey~.footer-main { position: relative; background: #eef2f8 } .cb-survey~.footer-bottom { position: relative } .cb-survey .custom-checkbox { display: block } .survey-form-wrap { background-color: var(--bg-survey-form, transparent); position: relative } footer { position: relative } .campaign-banner--default.campaign-form--v1 .lead-step-form .row:has([type=checkbox])~.row:has(.btn-secondary) button { width: 100% } .campaign--single-box.campaign--single-box .salary-transfer-banner__container { padding: 0 !important } @media (max-width:991.98px) { .campaign--single-box { min-height: 50vh; display: flex; flex-direction: column; justify-content: center } } .campaign--single-box:before { display: none } .campaign--single-box .list-white { padding: 0 !important } .campaign--single-box .list-white>.row { justify-content: center } @media (max-width:991.98px) { .campaign--single-box .list-white>.row { margin: 0 } } .campaign--single-box .card-banner__picture, .campaign--single-box .list-white>.col-lg-8 { display: none } .campaign--single-box.campaign-banner__v1 .link-arrow.btn { max-width: 300px } @media (min-width:768px) { .campaign--single-box .campaign-form-container { flex: 0 0 66.66667%; max-width: 66.66667%; margin: 5rem 0 !important } } @media (max-width:767.98px) { .campaign--single-box .campaign-form-container { margin: 0 1rem } } @media (min-width:576px) { .campaign-banner--v7 { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 3rem 0 } } .campaign-banner--v7 .card-banner__picture { height: 100%; min-height: 100vh } @media (max-width:991.98px) { .campaign-banner--v7 .card-banner__picture { display: none } } .campaign-banner--v7 .form-wrapper { background-color: #fff } @media (min-width:576px) { .campaign-banner--v7 .form-wrapper { border-radius: .5rem } } .campaign-banner--v7 .form-wrapper .desc p { font-size: 1.125rem } .campaign-banner--v7 .form-wrapper ul li:before { background-color: #000 } .campaign-banner--v7 .btn { max-width: 300px } @media (max-width:991.98px) { .site-main:has(.campaign-banner--v7) { min-height: 0 } } .campaign-banner--lg-img-variant { margin-top: -1.25rem; padding-top: 3rem } @media (max-width:991.98px) { .campaign-banner--lg-img-variant { padding: 0; margin-top: 0; background: #fff } } .campaign-banner--lg-img-variant:before { display: none } .campaign-banner--lg-img-variant .picture-overlay:after { background-image: none; background-color: #fff } .campaign-banner--lg-img-variant .card-banner__body picture { max-width: 75% } .campaign-banner--lg-img-variant .campaign-form-container { box-shadow: 0 7px 29px 0 rgba(100, 100, 111, .2) } .campaign-banner--lg-img-variant .card-banner__body h1 { color: #000 } @media (min-width:992px) { .campaign-banner--lg-img-variant .card-banner__body picture { margin-bottom: 0 !important } } @media (max-width:991.98px) { .campaign-banner--lg-img-variant .list-white>.row { flex-direction: column-reverse } .campaign-banner--lg-img-variant picture.card-banner__picture { height: auto } } @media (max-width:767.98px) { .campaign-banner--lg-img-variant .card-banner__body h1 { text-align: center } .campaign-banner--lg-img-variant .card-banner__body, .campaign-banner--lg-img-variant .card-banner__body .salary-transfer-banner__container { background: #fff !important } .campaign-banner--lg-img-variant .list-white { padding-top: 0 !important } .campaign-banner--lg-img-variant .campaign-form-container { border-radius: 0 !important } .campaign-banner--lg-img-variant .card-banner__body picture { max-width: calc(100% + 2rem); margin-left: -1rem; margin-right: -1rem } } .form-group-select:has([data-gtm-form-interact-field-id]) .selectize-float-label { top: .3rem; font-size: .75rem; color: #757575 } .newVersion .banking-cards__icon .icomoon { background-color: #eceff7; border: none; width: 4rem; height: 4rem } .newVersion .banking-cards__icon .icomoon img { width: 32px } .downloadApp { border-radius: .75rem; box-shadow: 0 4px 20px rgba(0, 0, 0, .15) } .downloadApp img { width: auto } .Android .apple, .Android .huawei, .iOS .google, .iOS .huawei { display: none } .image-content .icomoon { background-color: #eceff7; border: none; width: 4rem; height: 4rem; font-size: 1.5rem; font-style: normal } .image-content .tabs--pillsTabs .tab-item__link { background-color: #eee; color: #000 } .image-content .tabs--pillsTabs .tab-item__link.active { color: #fff; background-color: #000 } .image-content .tabs--pillsTabs .tab-item__link { font-size: .8375rem } .image-content .object-fit-cover { min-height: 28.875rem } .exciting-deals__content { padding-left: 5rem } .exciting-deals__content a { margin-left: 2px } @media (max-width:991.98px) { .exciting-deals__content { padding: 0 1.5rem } } .counter-section__info p { color: #757575 } @media (max-width:767.98px) { .counter-section { padding-bottom: 1rem } .counter-section__title { font-size: 1.5rem } .counter-section__info { flex-direction: column } } .eligibility-form .cards-cta { padding: 13rem 1.7rem 1.25rem; border-radius: .313rem } .eligibility-form .cards-cta__flex { padding-bottom: 1.3rem } @media (max-width:991.98px) { .eligibility-form { padding-top: 2rem } .eligibility-form .cards-cta { padding: 0 2.5rem 1rem 1rem } .eligibility-form .cards-cta__body { min-height: 25.375rem } .eligibility-form .btn--secondary { width: 100% } } @media (min-width:992px) { .campaign-services .card--gradient-cover { min-height: 25.05rem } } .campaign-services .swiper--pagination-outside>.swiper-pagination-bullets { bottom: 30px } .campaign-optin { padding: 0 0 1.5rem } .campaign-optin__box { border-radius: .5rem; padding: 2rem 1.75rem } @media (max-width:767.98px) { .campaign-optin__box { padding: 1.5rem } } .campaign-optin__box a { color: #072447 } .campaign-optin__box a.btn-primary { color: #fff } .campaign-optin .btn { display: inline-block; margin-bottom: 1.5rem } .campaign-optin .link, .campaign-optin .link-arrow { display: inline-block; margin-bottom: 1rem } .campaign-optin__box { background-color: #fff; padding: 1.5rem } .atm-branches { position: relative; background: #fff; overflow: hidden } @media (min-width:992px) { .atm-branches { height: 56.688rem; padding: 1.5rem 0 0 } .atm-branches.view-list { height: auto } .atm-branches.view-list .atm-branches__toggle-wrapper { z-index: 3 } .atm-branches.view-list .atm-branches__panel>[data-simplebar] { padding: 0; margin: 0; max-height: none; overflow: hidden } .atm-branches.view-list .atm-branches__panel-location-page { display: flex; flex-direction: column; padding-bottom: 0; overflow: initial } .atm-branches.view-list .atm-branches__panel-location-page * { overflow: initial !important } .atm-branches.view-list .atm-branches__panel-location-page .simplebar-track { display: none !important } } @media (min-width:992px) { .atm-branches--before { position: relative } .atm-branches--before:before { content: ""; background: #fff; position: absolute; top: 0; left: 0; height: 100%; width: 30%; z-index: 1 } } @media (min-width:992px) { .atm-branches [data-show-list-mobile], .atm-branches [data-show-map-mobile] { display: none !important } } @media only screen and (min-width:991px) { .atm-branches .list-view { position: absolute; left: 3rem; top: 3rem } } .panel-auto-height .atm-branches__panel { height: auto } .atm-branches__checkboxes { margin-top: 1rem } @media (min-width:992px) { .atm-branches__checkboxes { margin: .6rem 0 } } .atm-branches__checkboxes .pill-checkbox>span { background-color: #eee } .atm-branches__checkboxes .btn-link { padding: .75rem .35rem } html[dir=rtl] .atm-branches .simplebar-mask, html[dir=rtl] .atm-branches .simplebar-offset, html[dir=rtl] .pb-country-lang-container .simplebar-offset { right: 0 !important } html[dir=rtl] .pb-country-lang-container .simplebar-content-wrapper { overflow: hidden scroll !important } html[dir=rtl] .simplebar-mask { width: 100% } @media (min-width:992px) { .atm-branches .atm-branches-modal { position: absolute; padding: 0 !important; margin: 0 !important; z-index: 1 !important } .atm-branches .atm-branches-modal .modal-dialog { transition: none !important; margin: 0; padding: 0; max-width: 100%; height: 100% } .atm-branches .atm-branches-modal .modal-content { height: 100%; border: none !important } } .atm-branches .atm-branches-modal .atm-branches__btn-filter { display: none !important } .modal-mw-420 .modal-dialog { max-width: 420px } .close-btn--right .modal-header { justify-content: flex-end } .no--footer .modal-footer, .no--header .modal-header, .no--title .modal-title { display: none } .check-animation { width: 4rem; margin: 0 0 1rem } .animate-checkmark { stroke: #072447; stroke-dashoffset: 745.74853515625; stroke-dasharray: 745.74853515625; animation: dash 2s ease-out forwards } @keyframes dash { 0% { stroke-dashoffset: 745.74853515625 } to { stroke-dashoffset: 0 } } .atm-branches__noty { border: 1px solid #e4e9f0; padding: 1rem; border-radius: .5rem; position: relative; margin: .5rem 0 } .atm-branches__noty .light-color { color: #757575 } .atm-branches__social { margin: 1.25rem 0 1.5rem; text-align: center } .atm-branches__social picture img { width: auto } @media (min-width:576px) { .atm-branches__social { display: flex; justify-content: space-between; align-items: center } } .atm-branches__social-icons { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 1.25rem; line-height: 1 } @media (min-width:576px) { .atm-branches__social-icons { justify-content: normal } } .atm-branches__social-icons a { margin-right: 1.5rem } .atm-branches__social-icons a, .atm-branches__social-icons a>* { display: inline-flex; align-items: center; justify-content: center } .atm-branches__social-btn { margin-top: 1.625rem; width: 100% } @media (min-width:576px) { .atm-branches__social-btn { margin-top: 0; width: auto } } .atm-branches__panel { position: relative; padding: 1rem; background-color: #fff } .atm-branches__panel--p-0-mob { padding: 0 1rem 1rem } @media (min-width:992px) { .atm-branches__panel--p-0-mob { padding: 1rem } } .atm-branches__panel-location-page { padding-bottom: 0 } .atm-branches__panel-location-page.view-list-active { padding-bottom: 1rem } @media (min-width:992px) { .atm-branches__panel { overflow: auto; display: inline-block; width: 530px; height: calc(100vh - 150px); padding: 1.25rem 1rem; border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); z-index: 2; scrollbar-width: thin } .atm-branches__panel-fully { height: calc(100% + 3rem); margin: -1.5rem 0; box-shadow: none; border-radius: 0 } .atm-branches__panel-fully.view-list-active { margin: 0; height: auto } } @media (min-width:992px) { .atm-branches__panel.view-list-active { box-shadow: none; border-radius: 0; border: none; width: 100%; height: auto; padding-left: 0 } .atm-branches__panel.view-list-active .atm-branches-modal { max-width: 40rem; position: relative } .atm-branches__panel.view-list-active .atm-branches__panel-main.not-visible { opacity: 0; visibility: hidden; display: none } .atm-branches__panel.view-list-active .atm-branches__noty, .atm-branches__panel.view-list-active .atm-branches__panel-head, .atm-branches__panel.view-list-active .atm-branches__panel-info { max-width: 40rem } .atm-branches__panel.view-list-active .atm-branches__panel-location { padding: 1rem 0 } .atm-branches__panel.view-list-active .atm-branches__panel-location-list-view { border: 1px solid #e4e9f0; border-radius: .5rem; background-color: #fff; margin-bottom: 1rem; padding: 1rem 5rem .25rem 1rem } .atm-branches__panel.view-list-active .atm-branches__panel-body { margin-top: 0 !important } .atm-branches__panel.view-list-active .atm-branches__panel-location-icon { margin-top: 1rem; margin-right: 1.5rem } .atm-branches__panel.view-list-active .atm-branches__panel-location-name:after { font-size: 1.25rem; line-height: normal; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%) } .atm-branches__panel.view-list-active .atm-branches__panel-location-status-info { width: 13.5rem; flex: 0 0 13.5rem; margin-bottom: .75rem } } .atm-branches__panel.view-list-active.atm-branches__panel-location-page .atm-branches__panel-head { border: none } .atm-branches__panel.view-list-active .atm-branches__panel-location-list-readmore { display: block } .atm-branches__panel>[data-simplebar] { margin: 0 -1rem; padding: 0 1rem } @media (min-width:992px) { .atm-branches__panel>[data-simplebar] { max-height: calc(100% + 2rem); margin: -1rem; padding: 1rem } } .atm-branches__panel>[data-simplebar].modal { overflow: auto; margin: 0; padding: 0 } .atm-branches__panel>[data-simplebar].modal .simplebar-content { padding: 0 !important } .atm-branches__panel>[data-simplebar] .modal-content { overflow: auto } .atm-branches__panel-search-wrapper { display: flex; flex-grow: 1 } .atm-branches__panel .support-search { max-width: 100%; flex: 1 } .atm-branches__panel .support-search__result { border-radius: 0 0 8px 8px } .atm-branches__btn-filter { margin-left: .75rem } .atm-branches__panel-head { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem } @media (min-width:992px) { .atm-branches__panel-head { border-bottom: 1px solid #efefef; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; padding-bottom: .25rem } } .atm-branches__panel-body { margin-top: 1.65rem } @media (min-width:992px) { .atm-branches__panel-body { margin-top: 2rem } } .atm-branches__panel-title { margin: 1.5rem 0 } .atm-branches__panel-list-icons { list-style: none; padding: 0; margin: 0 } .atm-branches__panel-list-icons>li { position: relative; padding-left: 2.85rem; min-height: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: 1.5rem } .atm-branches__panel-list-icons>li>img { position: absolute; top: 50%; left: .4rem; transform: translateY(-50%) } .atm-branches__panel-list-icons>li>span { display: block; margin-bottom: .35rem; color: #757575; font-size: .75rem } .atm-branches__panel-view { background: #fff; width: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 1rem; border-bottom: 1px solid #efefef; color: #757575; cursor: pointer; box-shadow: 0 -4px 5px rgba(0, 0, 0, .1); transition: all .3s ease } .atm-branches__panel-view:hover { color: #072447 } .atm-branches__panel-view_map { border: none; box-shadow: none } .atm-branches__panel-info { background: #fff5e5; padding: .75rem; display: flex; justify-content: space-between; transition: none; animation-duration: .3s; animation-name: fadeIn } .atm-branches__panel-info[hidden] { display: none } .atm-branches__panel-info-close { font-size: 1.25rem; color: #072447; cursor: pointer; margin: 0 .25rem 0 2rem } .atm-branches__panel-location { display: flex; flex-wrap: wrap; transition: background .3s ease-in-out, opacity .3s ease-in-out; position: relative; padding: 1rem; border-bottom: 1px solid #efefef } @media (min-width:992px) { .atm-branches__panel-location { padding: 1.625rem 0 1rem } } .atm-branches__panel-location:not(.atm-branches__panel-location--no-hover) { cursor: pointer } .atm-branches__panel-location:not(.atm-branches__panel-location--no-hover):hover { background: #eef2f8 } .atm-branches__panel-location:not(.atm-branches__panel-location--no-hover):active { opacity: .75 } @media (max-width:1199.98px) { .atm-branches__panel-location:last-of-type { border: none } } .atm-branches__panel-location-body { flex: 1 } .atm-branches__panel-location-icon { display: flex; flex-direction: column; align-items: center; max-width: 3rem; flex: 0 0 3rem; margin-right: 1rem } .atm-branches__panel-location-icon>span { margin-top: .5rem; font-weight: 600; font-size: .75rem; color: #757575 } .atm-branches__panel-location-name { font-weight: 600; font-size: 1.25rem; display: flex; justify-content: space-between; color: #000 } .atm-branches__panel-location-name>a { width: 100%; display: block } .atm-branches__panel-location-name>a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .atm-branches__panel-location-name>a:not(:hover) { color: #000 } .atm-branches__panel-location-name:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-right: 1rem; vertical-align: middle; color: #afafaf; font-size: .75rem; line-height: 2.5 } @media (min-width:992px) { .atm-branches__panel-location-name:after { line-height: 2; margin-right: .575rem } } .atm-branches__panel-location-name--no-arrow:after { content: none !important } .atm-branches__panel-location-range { font-weight: 600; font-size: .875rem; color: #757575; margin-bottom: .75rem } .atm-branches__panel-location-status { font-size: .875rem; position: relative } @media (min-width:992px) { .atm-branches__panel-location-status { display: flex } } .atm-branches__panel-location-status .open { font-weight: 600; color: #0d8448 } .atm-branches__panel-location-status .close { font-weight: 600; color: #d22323 } .atm-branches__panel-location-status-info { margin-right: 2.375rem } .atm-branches__panel-location-dropdown { margin: 1.5rem 0 2rem; position: relative } .atm-branches__panel-location-dropdown-trigger { background: #eee; font-weight: 600; font-size: .838rem; padding: .375rem 1rem; display: inline-flex; align-items: center; border-radius: 3.125rem; width: 100%; max-width: 90%; cursor: pointer; position: relative } .atm-branches__panel-location-dropdown-trigger>span { font-weight: 700; margin: 0 .5rem } .atm-branches__panel-location-dropdown-trigger>span.open { color: #0a8448 } .atm-branches__panel-location-dropdown-trigger>span.closed { color: #d22422 } .atm-branches__panel-location-dropdown-trigger:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: .25rem; vertical-align: middle; transition: all .15s ease-in-out; position: absolute; right: 1rem } @media (max-width:991.98px) { .atm-branches__panel-location-dropdown-trigger { max-width: 100% } } .atm-branches__panel-location-dropdown-body { position: absolute; top: 100%; left: 0; list-style: none; margin: 0; padding: 0; background: #eee; font-weight: 600; font-size: .838rem; width: 90%; min-width: 10.875rem; max-width: 100%; border-radius: 0 0 8px 8px; box-shadow: 2px 10px 15px rgba(0, 0, 0, .15); opacity: 0; visibility: hidden; overflow: hidden } @media (max-width:991.98px) { .atm-branches__panel-location-dropdown-body { width: 100% } } .atm-branches__panel-location-dropdown-body>li { padding: .375rem 1rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; transition: all .15s ease-in-out } .atm-branches__panel-location-dropdown-body>li:hover { background: rgba(7, 36, 71, .1) } .atm-branches__panel-location-dropdown.is-active .atm-branches__panel-location-dropdown-trigger { border-radius: 8px 8px 0 0 } .atm-branches__panel-location-dropdown.is-active .atm-branches__panel-location-dropdown-trigger:after { transform: scaleY(-1) } .atm-branches__panel-location-dropdown.is-active .atm-branches__panel-location-dropdown-body { opacity: 1; visibility: visible } .atm-branches__panel-location-list { width: 100% } @media (min-width:992px) { .atm-branches__panel-location-list { margin-left: 4.5rem } } .atm-branches__panel-location-list>p { font-weight: 700; font-size: .75rem; line-height: 1.2; color: #596e98; margin-bottom: 1rem } .atm-branches__panel-location-list ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap } @media (max-width:991.98px) { .atm-branches__panel-location-list ul { flex-direction: column } } .atm-branches__panel-location-list ul:not(:last-of-type) { margin-bottom: 1.25rem } .atm-branches__panel-location-list ul li { display: inline-flex; margin: 0 0 .7rem; font-size: .875rem; align-items: flex-start } @media (min-width:992px) { .atm-branches__panel-location-list ul li { width: 50%; max-width: 50% } } .atm-branches__panel-location-list ul li.disabled { color: #afafaf } .atm-branches__panel-location-list ul li>img { margin-right: .675rem; max-width: 1.313rem } .atm-branches__panel-location-list-readmore { margin: .75rem 0 0; width: auto; display: none } @media (min-width:992px) { .atm-branches__panel-location-list-readmore { margin: 0 } } .atm-branches__panel-location-list-readmore ul li { display: none; transition: none; animation-duration: .3s; animation-name: fadeIn } .atm-branches__panel-location-list-readmore .show-more { color: #757575; display: inline-block; transition: all .3s ease } .atm-branches__panel-location-list-readmore .show-more:hover { color: #000 } .atm-branches__panel-location-list-readmore .show-more [hidden] { display: none !important } @media (min-width:992px) { .atm-branches .swiper-location-cards .swiper-wrapper { display: block } } @media (max-width:991.98px) { .atm-branches .swiper-location-cards { position: absolute; top: auto; bottom: 1rem; left: 0; width: 100%; display: block; transition: none; animation-duration: .3s; animation-name: fadeIn } .atm-branches .swiper-location-cards.swiper-container-initialized { display: flex } .atm-branches .swiper-location-cards .atm-branches__panel-location { background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); border-radius: .5rem; padding: 1rem; max-width: 80%; min-width: 18rem } } @media (max-width:991.98px) and (min-width:576px) { .atm-branches .swiper-location-cards .atm-branches__panel-location { max-width: 24.25rem } } @media (max-width:991.98px) { .atm-branches .swiper-location-cards .atm-branches__panel-location-name, .atm-branches .swiper-location-cards .atm-branches__panel-location-name>a, .atm-branches .swiper-location-cards .atm-branches__panel-location-range, .atm-branches .swiper-location-cards .atm-branches__panel-location-status { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .atm-branches .swiper-location-cards .atm-branches__panel-location-name { position: relative; padding-right: 1rem } .atm-branches .swiper-location-cards .atm-branches__panel-location-name:after { position: absolute; top: 0; right: 0; margin: 0 } } .atm-branches .static-location-cards { overflow: initial } @media (min-width:992px) { .atm-branches .static-location-cards { padding: 2rem 0 1rem } .atm-branches .static-location-cards:before { content: ""; position: absolute; top: 0; left: -27777.5rem; width: 55555rem; height: 100%; background: #eef2f8 } } .atm-branches .static-location-cards .swiper-wrapper { transform: none !important; display: block !important } .atm-branches .static-location-cards .swiper-wrapper .atm-branches__panel-location { margin-right: 0 !important } #atm-branches_panel-list { max-height: calc(100vh - 330px) } .swipe-nav__wrapper-main { position: relative; transition: .3s ease } @media (min-width:992px) { .swipe-nav__wrapper-main { height: auto !important } } @media (max-width:991.98px) { .swipe-nav__panel { transition: .3s ease; transition-property: transform; transform: translate3d(0, -540px, 0); will-change: transform; background: #fff; z-index: 5; display: flex; flex-direction: column; margin: 0 -1rem; padding: 0 1rem; position: absolute; top: 0; left: 0 } } .swipe-nav__line-trigger { width: 2rem; height: .25rem; border-radius: .25rem; background-color: #d8d8d8; display: block; margin: .375rem auto; cursor: pointer; outline: none !important } @media (min-width:992px) { .swipe-nav__line-trigger { display: none !important } } .swipe-nav [data-swipe-overlay] { display: none } .swipe-nav [data-swipe-open] { display: block } @media (max-width:991.98px) { .swipe-nav--open .swipe-nav__panel { transform: translateZ(0) } .swipe-nav--open [data-swipe-overlay] { display: block } .swipe-nav--open [data-swipe-open] { display: none } } html[dir=rtl] .atm-branches__panel-location-name:after { content: "" } .atm-branches-detail { height: 300px; overflow-y: auto } @media (min-width:992px) { .atm-branches__toggle-wrapper { position: absolute; top: 0; right: 1.5rem; z-index: 1 } } .atm-branches__view-wrapper { display: flex; align-items: center; margin-bottom: 0; border-bottom: 1px solid #efefef } @media (min-width:992px) { .atm-branches__view-wrapper { border: none; margin-bottom: .625rem } } .atm-branches__view { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: .875rem; font-weight: 600; color: #757575; line-height: 1; padding: 1.5rem 1rem 1rem; user-select: none; width: 50%; border-bottom: 2px solid transparent; transition: all .3s ease-in-out } @media (min-width:992px) { .atm-branches__view { border-bottom: none; width: 8.125rem; background: #fff; color: #000; padding: 1rem; box-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .14) } .atm-branches__view:first-child { border-radius: .5rem 0 0 .5rem } .atm-branches__view:last-child { border-radius: 0 .5rem .5rem 0 } } .atm-branches__view.is-active { cursor: default; border-color: #2765ff; color: #000 } @media (min-width:992px) { .atm-branches__view.is-active { background: #072447; color: #fff } } .atm-branches__view:hover:not(.is-active) { opacity: .5 } @media (min-width:992px) { .atm-branches__view:hover { opacity: 1; background: #072447; color: #fff } .atm-branches__view:hover:not(.is-active) { opacity: 1 } } .atm-branches__toggle-move { border-radius: .5rem; background: #fff; display: inline-flex; align-items: center; color: #757575; box-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .14) } .atm-branches__toggle-move.hidden { display: none !important } .atm-branches__toggle-move .switch-box { margin: 0; padding: .7rem 1.563rem .7rem .65rem } .atm-branches__toggle-move .switch-box>span { font-size: .938rem } .atm-branches__toggle-move .switch-box>span:before { background: #fafafa; border: 1px solid #bbb; transition: all .3s } .atm-branches__toggle-move .switch-box>span:after { left: -1px; background-color: #d4d4d4; transition: all .3s } .atm-branches__toggle-move .switch-box>input:checked+span:before { border-color: #003edd; background-color: #003edd } .atm-branches__toggle-move .switch-box>input:checked+span:after { box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 2px 1px -1px rgba(0, 0, 0, .12), 0 1px 1px rgba(0, 0, 0, .14); left: calc(1rem + 1px); background-color: #fafafa } #branch-atm-listing .list-view { position: relative; left: 0; top: 0 } .request-form { border: none; border-radius: 0; margin: 0 -1rem; overflow: hidden } @media (min-width:768px) { .request-form { margin: 0; border-radius: .5rem; border: 1px solid #d4d4d4 } } @media (min-width:768px) { .request-form__row { display: flex; justify-content: space-between } } @media (min-width:768px) { .request-form__col { flex: 0 0 45% } } .request-form__or-wrapper { position: relative; display: flex; justify-content: center; margin: .875rem 0 .5rem } @media (min-width:768px) { .request-form__or-wrapper { width: 1.25rem; flex: 0 0 1.25rem; margin: 0 } } .request-form__or-text { background-color: #fff; color: #3c3c3c; z-index: 1; padding: .5rem } @media (min-width:768px) { .request-form__or-text { padding: .25rem 0 } } .request-form__or-line { position: absolute; background-color: #efefef; width: 100%; height: 1px } @media (min-width:768px) { .request-form__or-line { top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100% } } .apply-for-cc__tabs a[data-toggle=tab] { display: none !important } .apply-for-cc__tabs a[data-toggle=tab]:not(.active) { display: flex !important } @media (min-width:768px) { .online-banking-banner { min-height: 33.75rem } } .online-banking-banner__title { max-width: 67.5rem; margin: 0 auto } .online-banking-banner__overlay { position: absolute; width: 100%; top: 0; left: 0; padding: 1.125rem 0 4rem 1.5rem; background-image: var(--overlay-bg, linear-gradient(180deg, rgba(12, 11, 27, .91), rgba(32, 31, 42, 0))) } .online-banking-banner .card-banner__inner { padding-bottom: 2rem } @media (min-width:768px) { .online-banking-banner .card-banner__inner { padding-bottom: 0 } } .experience-on-mobile { background: #f8fafc } .experience-on-mobile .moreapp-download_large { background-image: none; padding-top: 2.25rem; font-size: .875rem } @media (min-width:768px) { .experience-on-mobile .moreapp-download_large { background-image: none } } @media (min-width:992px) { .experience-on-mobile .moreapp-download_large { padding-top: 4.6rem } } .experience-on-mobile .moreapp-download_large h3 { margin: 0 auto .8rem; max-width: 18rem } @media (min-width:992px) { .experience-on-mobile .moreapp-download_large h3 { margin-top: 2rem; margin-bottom: 1rem; max-width: none } } .experience-on-mobile .moreapp-download_large__phone { max-width: none } @media (min-width:992px) { .experience-on-mobile .moreapp-download_large__buttons { margin-bottom: 6.2rem } } @media (min-width:768px) { .experience-on-mobile .moreapp-download_large__content--title { line-height: 3rem } } .banking-cards { padding: 1rem 0 } @media (min-width:992px) { .banking-cards { padding: 2.25rem 0 } } .banking-cards__wrapper { min-height: 30rem; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between } .banking-cards__wrapper--lg { padding: 2.25rem 1rem 2rem } @media (min-width:992px) { .banking-cards__wrapper--lg { padding: 5.5rem 4rem 5.5rem 6.875rem } } .banking-cards__wrapper--lg .banking-cards__text { padding-top: 2rem } @media (min-width:768px) { .banking-cards__wrapper--lg .banking-cards__text { padding-top: 0 } } .banking-cards__wrapper--md { padding-top: 1rem; padding-bottom: 1rem } @media (min-width:768px) { .banking-cards__wrapper--md { padding-bottom: 0 } } @media (min-width:992px) { .banking-cards__wrapper--md { padding-top: 2.25rem; padding-left: 110px } } .banking-cards__wrapper--md .banking-cards__text { padding: 1.5rem 1rem 0 } @media (min-width:768px) { .banking-cards__wrapper--md .banking-cards__text { padding-left: 3rem } } @media (min-width:768px) { .banking-cards__wrapper--md .banking-cards__list { max-width: 30rem } } .banking-cards__wrapper--sm { padding: 1.5rem 0 0 } @media (min-width:768px) { .banking-cards__wrapper--sm { padding: 56px 0 0 } } .banking-cards__wrapper--sm .banking-cards__text { padding: 0 1rem } @media (min-width:768px) { .banking-cards__wrapper--sm .banking-cards__text { padding: 0 4rem } } .banking-cards__phone img { width: 16.5rem } @media (min-width:768px) { .banking-cards__phone img { width: 100% } } .banking-cards__icon i { display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 50%; border: 1px solid #072447 } .banking-cards__icon i img { max-width: 1.375rem } .banking-cards__image { max-width: 90%; margin: 3rem auto 0 } .rm-flex .banking-cards__wrapper { margin-bottom: 1.5rem; min-height: unset } .video-section { background: var(--overlay-bg, linear-gradient(#fff, #e4e9f0)) } .video-section img { border-radius: 7px } .video-section__content { position: absolute; left: 0; right: 0; bottom: 2rem; max-width: 60%; margin: 0 auto } @media (max-width:991.98px) { .video-section__content { max-width: 100%; bottom: 1rem } } .video-section__left-col { background: #fff } .video-section__left-col .video-section__content { right: auto; left: 2rem; max-width: 55% } @media (max-width:1199.98px) { .video-section__left-col .video-section__content { max-width: 100%; left: 2rem } } @media (max-width:991.98px) { .video-section__left-col .video-section__content { max-width: 100%; left: 0 } } .video-section__left-col .video-section__playButton { display: flex; color: #fff; align-items: center; margin-top: 2rem } .video-section__left-col .video-section__playButton img { margin-right: 1rem; max-width: 2rem } .annual-boxes__box { min-height: 15rem; overflow: hidden; padding: 0 1rem } .annual-boxes__box--lightgreen { background: #e4f9dd } .annual-boxes__box--lightblue { background: #dcedfe } .annual-boxes__box--yellow { background: #2765ff } .annual-boxes__box--limegreen { background: #d6eeed } .annual-boxes__box--withImg picture, .annual-boxes__box--withImg picture:before { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .annual-boxes__box--withImg picture:before { content: ""; background-color: rgba(7, 36, 71, .5) } .annual-boxes__box--quote picture:before { background: rgba(0, 0, 0, .6) } .annual-boxes__box .content { position: relative; z-index: 999 } .qoutes-section .circle-img { border: 1px solid #a0b4e5; border-radius: 50%; max-width: 17.5rem; margin: 0 auto } .qoutes-section .qoute-icon { max-width: 5rem; margin-bottom: 1rem } @media (max-width:991.98px) { .qoutes-section .qoute-icon { max-width: 2.813rem; margin-top: 1rem } .qoutes-section .circle-img { max-width: 12.5rem } } .cards-section__leftContent p { margin-bottom: .5rem } .cards-section .card { box-shadow: 0 5px 20px #adb5bd } .cards-section__last-col { padding-top: 4rem; padding-left: 2rem !important } @media (max-width:991.98px) { .cards-section__last-col { padding-top: 0 } } .gray-cards__card { padding: 1.5rem 1.3rem; background: #eef2f8; border: none } .gray-cards .card__title { color: #757575; font-size: .75rem; font-weight: 700 } .gray-cards .card__icon { max-width: 1.875rem } .gray-cards .card__count { font-size: 1.875rem } .gray-cards .card__info { margin: .5rem 0 0 } .wealth-management-grids .card { border-color: #e4e9f0; min-height: 12.5rem; justify-content: center } .wealth-management-grids .card__subTitle { font-size: .75rem; color: #757575; margin: 0; font-weight: 700 } .wealth-management-grids .card__count { font-size: 1.875rem; margin: 0 0 .5rem } .wealth-management-grids .card__info { font-size: .875rem; margin-bottom: 0 } .wealth-management-grids .lime-card { background-color: #e4f9dd; border: none } .wealth-management-grids .gray-card { background-color: #ecf2f6; border: none } @media (max-width:767.98px) { .wealth-management-grids { height: auto !important; overflow: visible } .support-grid__item { padding: 0 0 1rem; position: relative !important; width: 100% !important; top: 0 !important } } .achievement-section__block { padding: 3rem; box-shadow: 0 10px 20px rgba(0, 0, 0, .1) } @media (max-width:991.98px) { .achievement-section__block { padding: 2rem 1rem } } .achievement-section .achievement-swiper { position: relative } @media (max-width:991.98px) { .achievement-section .achievement-swiper { padding-bottom: 3rem; overflow-y: visible !important } .achievement-section .achievement-swiper:after { display: none } .achievement-section .achievement-swiper .swiper-pagination { bottom: 0 } } .achievement-section .achievement-swiper__swiperButton { width: 3rem; height: 3rem; background-color: #072447; color: #fff; top: 50%; transform: translateY(-50%); z-index: 999 } .achievement-section .achievement-swiper__swiperButton:after { display: none } .achievement-section .achievement-swiper__nextSlide { right: 0 } .achievement-section .achievement-swiper__prevSlide { left: 0 } .achievement-section .achievement-swiper .swiper-button-disabled { opacity: 0 } .achievement-section .achievement-swiper--shadow:after { content: ""; width: 1%; height: 100%; background: transparent; right: -10px; top: 0; position: absolute; box-shadow: 30px 0 60px 110px #fff; z-index: 99 } .achievement-section .achievement-swiper--shadow.achievement-swiper--shadow--left:after { content: ""; box-shadow: -30px 0 60px 110px #fff; left: -10px; right: auto } [dir=rtl] .achievement-section .achievement-swiper__nextSlide { left: 100%; transform: translateX(-100%) } .annual-report__requirements .container { max-width: 970px } .annual-report__requirements .documents__box { background-color: transparent !important; border: 1px solid #e4e9f0 !important } .annual-report__requirements .documents__box .documents__wrapper { display: block; position: relative; padding-left: 3rem } .annual-report__requirements .documents__box .documents__wrapper .documents__picture { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); margin: 0 } @media (max-width:991.98px) { .annual-report__requirements .documents__box { border-radius: .5rem } } .other-reports { background-color: #f8fafc } .annual-boxes__container .col-md-6>div { height: 100% } .annual-boxes__container .content { padding-top: 1rem; padding-bottom: 1rem } .stickybar { min-height: 40px; transition: top .3s } .stickybar.sticky { position: fixed; left: 0; right: 0; top: 4.375rem; box-shadow: 0 1px 10px rgba(0, 0, 0, .15); z-index: 9999 } @media (min-width:1023px) { .stickybar.sticky { top: 0 } .site-header.headerSlideup { top: -112px !important } } @media (min-width:1023px) { .stickybar.sticky-up { top: 0 } } @media (max-width:991px) { .js-plain-header-sticky__bg:before { content: ""; width: 100%; position: fixed; bottom: 0; left: 0; height: 80px; background: #fff; background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, .7) 50%, hsla(0, 0%, 100%, 0)); z-index: 1; display: none } .js-plain-header-sticky__bg.sticky-visible:before { display: block } .js-plain-header-sticky { position: fixed; bottom: 1rem; left: 50%; transform: translateX(-50%); z-index: 100; width: 100%; max-width: 20rem } } html[dir=rtl] .direction-ltr, html[dir=rtl] .direction-ltr * { direction: rtl } html[dir=rtl] .input-group--phone, html[dir=rtl] .otp-input { direction: rtl; justify-content: flex-end } html[dir=rtl] .selectize-control.select-phone-code .selectize-input { padding-left: 2.5rem !important; padding: 1rem 1.25rem; border-top-right-radius: .75rem; border-bottom-right-radius: .75rem } html[dir=rtl] .selectize-control.select-phone-code .selectize-input:after { right: unset; left: .75rem } html[dir=rtl] .input-group--phone .selectize-dropdown [data-selectable].option { text-align: right } html[dir=rtl] .input-group>.float-label:not(:first-child)>input { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem } html[dir=rtl] .input-group-prepend:after { left: 0; right: auto } [dir=rtl] .pick-cards__item--checkbox .custom-checkbox>span:not(.error):after { border-right: 1px solid #fff !important; left: .35rem } html[dir=rtl] .direction-ltr-ta-r, html[dir=rtl] .direction-ltr-ta-r * { direction: rtl; text-align: left } html[dir=rtl] .datepicker-dropdown { direction: rtl } html[dir=rtl] .atm-branches__panel-location-icon { min-width: 5rem } html[dir=rtl] .atm-branches__panel-location-icon span { text-align: center } html[dir=rtl] .switch-direction { display: block; direction: rtl } html[dir=rtl] .switch-direction__label { display: inline-block } html[dir=rtl] .marquee { direction: rtl } html[dir=rtl] .stretched-link-arrow:after { display: inline-block; transform: scaleX(-1) } html[dir=rtl] .swiper-button-next { right: 0 !important; left: unset } html[dir=rtl] .swiper-button-prev { left: 0 !important; right: unset } html[dir=rtl] .campaign-banner--default .lead-step-form .row:has([type=checkbox])~.row:has(.btn-secondary) button { justify-content: right !important } html[dir=rtl] .rates-table__row-title .rates-table__row td:nth-child(2) a { display: flex; align-items: center } html[dir=rtl] .icon-chevron2-left, html[dir=rtl] .icon-chevron2-right { transform: scaleX(-1); display: inline-flex } html[dir=rtl] .information__parag a { direction: ltr; text-align: right } html[dir=rtl] .branch-selector .simplebar-offset { left: 0 !important; right: 0 !important } html[dir=rtl] body { font-family: var(--font-base-ar) } html[dir=rtl] .topbar-nav { margin: 0 } @media (min-width:1200px) { html[dir=rtl] .topbar-nav__menu>li>a { padding: .75rem .3rem } } html[dir=rtl] .editor-detail .modal-content .modal-body .link-arrow { display: inline-flex; align-items: center; direction: rtl } html[dir=rtl] .editor-detail .modal-content .modal-body .link-arrow:after { transform: scaleX(-1); margin-right: 8px } html[dir=rtl] .menu-for-mobile .megamenu__menu-list a:after { content: "\e91b" } html[dir=rtl] .dropdown-menu__list>li>a:after { content: "\e91e" } html[dir=rtl] .calculator__lable-head .totalCount { flex-direction: row-reverse; gap: .5rem } html[dir=rtl] .calculator-result-fix .calculator-earn__result-number { direction: rtl } html[dir=rtl] .custom-range-slider .irs-single { display: flex; flex-direction: row-reverse; align-items: center } html[dir=rtl] .custom-range-slider .irs-single>span:last-child { font-size: 16px } html[dir=rtl] .monthly-payment, html[dir=rtl] .slider-value-labels { font-family: var(--font-base) } .calculator__lable-head .totalCount { gap: .5rem } .cpr-header { border-bottom: 1px solid #f0effb } .cpr-header .navbar { background-color: #fff } .cpr-header .navbar a { color: #072447 } .cpr-header~.site-main { min-height: auto } .cpr-section { background-color: #fff; display: flex; min-height: calc(100vh - 64px) } @media (min-width:992px) { .cpr-section { min-height: calc(100vh - 80px) } } .cpr-section__title { font-size: 2rem; font-weight: 700; color: #333 } .cpr-section__info { font-size: 1rem; color: #575757 } .cpr-section__info span { color: #000; font-weight: 600 } .cpr-section .form-control, .cpr-section .input-group, .cpr-section .selectize-control.select-selectize--search .selectize-input input, .cpr-section .selectize-control .selectize-input, .selectize-control .cpr-section .selectize-input, .selectize-control.select-selectize--search .selectize-input .cpr-section input { background-color: transparent !important } .cpr-section .form-group>.float-label>input, .cpr-section .input-group { border: 1px solid #e4e9f0 } .cpr-section .otp-input .form-control, .cpr-section .otp-input .selectize-control.select-selectize--search .selectize-input input, .cpr-section .otp-input .selectize-control .selectize-input, .selectize-control .cpr-section .otp-input .selectize-input, .selectize-control.select-selectize--search .selectize-input .cpr-section .otp-input input { border: 1px solid #f0effb; font-size: 2rem; font-weight: 700; flex: 0 0 4.2rem; width: 4.2rem; border-radius: 1.2rem; height: 4.3rem } .cpr-section .otp-input .form-control:focus, .cpr-section .otp-input .selectize-control.select-selectize--search .selectize-input input:focus, .cpr-section .otp-input .selectize-control .selectize-input:focus, .selectize-control .cpr-section .otp-input .selectize-input:focus, .selectize-control.select-selectize--search .selectize-input .cpr-section .otp-input input:focus { background-color: #e6edff; border-color: #597cd2 } .app-card { display: flex; flex-direction: column; padding: 1.6rem 1.7rem; box-shadow: 0 0 10px #d4d4d4; border-radius: 1rem; position: relative; margin: 0 0 1.6rem; border: 2px solid transparent; width: 100%; background: transparent } .app-card__icon { width: 10% } .app-card__content { width: 80% } .app-card:hover { border-color: #596e98 } .app-card__title { color: #596e98; font-size: 1.1rem; font-weight: 600; margin: 0 0 .2rem; width: 90%; text-align: left; word-break: break-word } .app-card ul li { display: inline-block; font-size: 12px; color: #757575 } .app-card ul li:first-child:before { display: none } .app-card ul li:before { content: ""; width: 3px; height: 3px; background-color: #757575; border-radius: 50%; display: inline-block; vertical-align: middle; margin: 0 .4rem } .app-card__arrow:after { font-family: icomoon; content: ""; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%) rotate(-90deg); color: #596e98 } .app-card--noShadow { box-shadow: none; border-color: #e4e9f1; border-width: 1px } .app-card--document { padding: 0 2rem; min-height: 7.5rem } .app-card--document img { max-width: 2.5rem } .cpr-alert { position: fixed; width: 100%; z-index: 99; padding: 1.7rem 0 } .cpr-alert.bg-warning { background-color: #fff5e5 !important } .cpr-alert p { margin: 0 } .apps-dropdown .selectize-control .selectize-input { border: 1px solid #e4e9f1 } .cpr-modal .modal-header { position: relative; padding: 0 1rem } .cpr-modal .modal-header .close { margin: 1rem -1.9rem 0 0; font-size: 30px } .cpr-modal__title { margin: 1rem 0 } .cpr-modal__info { font-size: .8rem; color: #757575 } .cpr-modal .modal-dialog { max-width: 540px } @media (min-width:576px) and (max-width:767.98px) { .cpr-modal .modal-dialog { max-width: 540px } } .cpr-modal .modal-content { min-height: auto; padding: 0 2.2rem 1.5rem; box-shadow: 0 0 20px 10px rgba(98, 98, 98, .30980392156862746); border-radius: .5rem } @media (max-width:767.98px) { .cpr-modal .modal-content { margin: 0 1rem } } .cpr-modal .modal-body { padding: 0 0 2rem } .cpr-modal .modal-footer { border: none; padding: 0 } .cpr-modal .modal-footer button { min-width: auto } .cpr-close--button { font-size: 1.5rem; margin-left: 2rem; padding-left: 1rem; border-left: 1px solid #ccc } @media (max-width:767.98px) { .cpr-section__title { font-size: 1.5rem; margin-bottom: 3rem } .otp-input { flex-wrap: wrap } .cpr-section .otp-input .form-control, .cpr-section .otp-input .selectize-control.select-selectize--search .selectize-input input, .cpr-section .otp-input .selectize-control .selectize-input, .selectize-control .cpr-section .otp-input .selectize-input, .selectize-control.select-selectize--search .selectize-input .cpr-section .otp-input input { flex: 0 0 3.5rem; width: 3.5rem; height: 3.8rem } .app-card--document { border: none; border-bottom: 1px solid #e4e9f1; border-radius: 0; padding: 0; margin-bottom: 0 } .app-card__content { flex: 0 0 auto; width: 70% } .app-card__icon { background-color: #eef2f8; flex: 0 0 4rem; width: 20%; text-align: center; padding: 1rem 0; border-radius: 10px } .app-card--document img { max-width: 30px } .cpr-modal .modal-footer { margin-bottom: 0 } } @media (min-width:576px) and (max-width:991.98px) { .app-card__icon { width: 15% } } .selectize-dropdown-content .option span { display: block; margin-left: .5rem } .selectize-dropdown-content .option img { margin-left: 0; margin-right: 0 } html[dir=rtl] .cpr-section .sliderIcon { transform: scaleX(-1) } html[dir=rtl] .select-phone-code .selectize-input { padding-left: 2rem !important } html[dir=rtl] .select-phone-code .selectize-input.locked { padding-left: 1rem !important } .search-pagination .page-link { border: 1px solid hsla(0, 0%, 83.1%, .45098039215686275) } .content-block { text-align: center; max-width: 36.875rem; width: 100%; margin: 0 auto; position: relative } .content-block--img { max-width: 150px } .content-block--lottie-container { width: 300px; margin: 0 auto; max-height: 220px } .content-block--lottie-container lottie-player { max-width: 100% } .content-block--title { margin-top: 1rem; font-weight: 400; font-size: 1.5rem; color: #072447 } @media (min-width:768px) { .content-block--title { font-size: 1.7rem } } .content-block--title strong { font-weight: 600 } .content-block--info { font-size: 1rem; margin: 1rem 0; color: #575757 } .content-block--loader { position: absolute; width: 100%; max-width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9999; background: url(../../../assets/enbd/images/noon-stp/BackgroundPrimary.png) no-repeat; background-size: cover } .content-block--loader .progress { width: 300px; margin: 1.5rem auto 0 } @media (max-width:991.98px) { .content-block--loader { position: fixed } } .content-block--loader lottie-player { margin: 0 auto; width: auto; height: 100px } .content-block--loader lottie-player~p { transform: translateY(-100%) } .content-block--content { padding: 0 1rem } @media (min-width:768px) { .content-block--content { max-width: 35rem } } .content-block .btn-primary { margin-top: 2rem } .custom-radio-rating-wrap { overflow-x: scroll } .otp-inputs { margin: 1.5rem 0; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row } @media (min-width:576px) and (max-width:991.98px) { .otp-inputs { max-width: 400px; margin: 1.5rem auto } } .otp-inputs .form-control, .otp-inputs .selectize-control.select-selectize--search .selectize-input input, .otp-inputs .selectize-control .selectize-input, .selectize-control .otp-inputs .selectize-input, .selectize-control.select-selectize--search .selectize-input .otp-inputs input { padding: .625rem; font-size: 1.5rem !important; font-weight: 300; text-align: center; max-width: 4rem; height: 4rem; margin: 0 1rem } @media (max-width:991.98px) { .otp-inputs .form-control, .otp-inputs .selectize-control.select-selectize--search .selectize-input input, .otp-inputs .selectize-control .selectize-input, .selectize-control .otp-inputs .selectize-input, .selectize-control.select-selectize--search .selectize-input .otp-inputs input { flex-shrink: 0; margin: 0 .3rem; flex: 1 } } @media (max-width:767.98px) { .otp-inputs .form-control, .otp-inputs .selectize-control.select-selectize--search .selectize-input input, .otp-inputs .selectize-control .selectize-input, .selectize-control .otp-inputs .selectize-input, .selectize-control.select-selectize--search .selectize-input .otp-inputs input { height: auto } } #divVerifyOtp { display: flex; flex-direction: column; justify-content: center; height: 100% } #divVerifyOtp .otp-inputs .otp-field { background-color: #fff; height: 64px } @media (min-width:576px) { #divVerifyOtp .otp-inputs .otp-field { width: 64px; max-width: 100% } } #divVerifyOtp .otp-inputs~.text-center { display: flex; flex-direction: column; align-items: center } #divVerifyOtp .otp-inputs~.text-center .btn { min-width: 14.5rem } #divVerifyOtp .otp-inputs~.text-center .btn-primary { margin-top: 2rem } .main-content .content-block--lottie-container lottie-player { max-width: 200px; margin: 0 auto } .divVerifyOtp .content-block--lottie-container lottie-player { width: 160px; margin: 0 auto } .otp-counter { display: block; color: var(--black); font-weight: 600; font-size: 1.25rem; margin: 0 0 .8rem } .otp-counter+.btn-link { color: #072447; font-weight: 500 !important; font-size: .875rem !important; letter-spacing: .0875rem; text-transform: uppercase } #form-customerverify .divVerifyOtp { margin-top: auto; margin-bottom: auto } .achievement-section__block { box-shadow: none } @media only screen and (max-width:768px) { .private-banking__hero { min-height: 31.25rem } } .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(90deg, rgba(25, 25, 25, .85), rgba(25, 25, 25, 0) 100%)) } .switch-to-enbd-banner nav { position: absolute; z-index: 2 } .key-highlight .card { height: 100% } .card--image-icon a { color: #072447 } .collapse__toggle:after { top: 50%; transform: translateY(-50%) } @media screen and (min-width:768px) { .hero__inner { min-height: 43.75rem } } @media screen and (max-width:768px) { .key-highlight-container { padding-top: 0 } .ccbenefits--large { min-height: unset !important } section.boost-eligibility { padding-bottom: 0 } .ccbenefits-reward-2col { padding-top: 0 } .ccbenefits-reward-2col .ccbenefits--right-col .ccbenefits__body { justify-content: end } .frequently-tasks__swiper>.swiper-pagination-bullets { bottom: 3.4375rem } .hero__inner { padding-bottom: 0; padding-top: 0 } section.apply-cards { padding-bottom: 2rem } .cards-cta__counter { margin-top: 0 } } .swiper-switch-to-enbd .swiper-slide { height: 100% } .swiper-switch-to-enbd { overflow-x: hidden } .switch-to-enbd-img-wrapper { height: 0; padding-bottom: 47.6% } .careers-eligibility .ccbenefits { min-height: 25.05rem !important; display: none !important } .accounts-banner__slider { background-color: #f8fafc } @media (min-width:768px) { .accounts-banner__slider { background-color: transparent } } @media (min-width:768px) { .accounts-banner__content { padding-bottom: 4.8rem } } .accounts-banner__title { margin-bottom: .8rem } @media (min-width:768px) { .accounts-banner .card-banner__info { margin-right: 2.5rem } } .account-cta-line { padding: 0 } @media (min-width:768px) { .account-cta-line__btn { min-width: 12.5rem } } @media (min-width:768px) { .details { padding-top: 4.5rem; padding-bottom: 4.3rem } } .details .details-grid__content { font-size: .75rem; font-weight: 300 } @media (min-width:768px) { .details .details-grid__content { font-size: .875rem; font-weight: 400; min-height: 2.44rem } } .help-decision { padding-top: 2rem; padding-bottom: 1rem } @media (min-width:768px) { .help-decision { padding-top: 6.2rem; padding-bottom: 3rem } } .help-decision__title { margin-bottom: 2rem } @media (min-width:768px) { .help-decision__title { margin-bottom: 1rem } } .help-decision__subtitle { margin-bottom: .75rem } @media (min-width:768px) { .help-decision__subtitle { margin-bottom: 1.9rem } } @media (min-width:768px) { .help-decision .help-decision-row { margin-right: auto; margin-left: auto } } .help-decision__main { padding-bottom: 0 } @media (min-width:768px) { .help-decision__main { padding-top: 3.9rem } } .help-decision__grid-item { max-width: 50% } .help-decision .help-decision-body { padding: 0 .5rem 2rem .7rem } @media (min-width:768px) { .help-decision .help-decision-body { padding: 0 1.5rem 1rem } } .help-decision .help-decision-body__title { min-height: 2.5rem; margin-bottom: 0; line-height: 1.25rem; font-size: 1rem; font-weight: 400 } @media (min-width:768px) { .help-decision .help-decision-body__title { line-height: 1.875rem; min-height: 4rem; margin-bottom: 0; font-size: 1.5rem; font-weight: 300 } } .help-decision .help-decision-body__content { padding-top: 1.1rem; padding-bottom: 1rem } @media (min-width:768px) { .help-decision .help-decision-body__content { padding-top: 1.7rem; padding-bottom: 1.7rem } } .help-decision .help-decision-body__content--top { padding-top: 1.1rem; padding-bottom: 1rem } @media (min-width:768px) { .help-decision .help-decision-body__content--top { padding-top: .5rem; padding-bottom: 1.7rem } } .help-decision .help-decision-body__content:not(:last-child) { border-bottom: 1px solid #efefef } .help-decision .help-decision-body__desc { font-size: .75rem; margin-bottom: .5rem } @media (min-width:768px) { .help-decision .help-decision-body__desc { font-size: .875rem; margin-bottom: 1.2rem } } .help-decision .help-decision-body__subtitle { color: #596e98; text-transform: uppercase; margin-bottom: .75rem } @media (min-width:768px) { .help-decision .help-decision-body__subtitle { margin-bottom: 1.2rem } } .help-decision__wrap-img { max-height: 5.625rem; margin-bottom: 1.5rem } @media (min-width:768px) { .help-decision__wrap-img { max-height: 12.5rem; margin-bottom: 2rem } } .help-decision__footer { min-height: 6rem; padding-left: .8rem; padding-right: .8rem } @media (min-width:768px) { .help-decision__footer { min-height: 9rem; padding-left: 1.5rem; padding-right: 1.5rem } } .help-decision__btn { padding: .4rem 1rem } @media (min-width:768px) { .help-decision__btn { padding: 1rem } } .help-decision__link { padding-top: .8rem } @media (min-width:768px) { .help-decision__link { padding-top: 2rem } } .help-decision .span-center { padding-left: 0 } @media (min-width:768px) { .help-decision .span-center { padding-left: 5.2rem } } @media (min-width:768px) { .accounts-links { padding-top: 2.1rem; padding-bottom: 2rem } } .accounts-links__title { margin-bottom: .5rem } .accounts-rates { padding-top: 4.3rem } @media (min-width:768px) { .accounts-rates { padding-top: 13.8rem } } @media (min-width:768px) { .accounts-rates__title-wrap { margin-bottom: 2rem } } .accounts-rates__title { margin-bottom: 1.8rem } @media (min-width:768px) { .accounts-rates__title { margin-bottom: 2.19rem } } .accounts-rates__caption { padding-top: 1.3rem } .accounts-rates .title-document { margin-top: 2rem; margin-bottom: .75rem } @media (min-width:768px) { .accounts-rates .title-document { margin-top: 4rem; margin-bottom: 1.3rem } } .accounts-rates .accounts-collapse__caption { font-size: 1rem; padding-top: .2rem; padding-bottom: .8rem } @media (min-width:768px) { .accounts-rates .accounts-collapse__caption { font-size: 1.125rem; padding-bottom: 1rem; padding-top: .1rem } } .accounts-rates .accounts-collapse__caption--second { padding-top: .8rem } @media (min-width:768px) { .accounts-rates .accounts-collapse__caption--second { padding-top: 1.2rem } } .accounts-rates .accounts-collapse__caption--third { padding-top: .8rem; padding-bottom: 0 } @media (min-width:768px) { .accounts-rates .accounts-collapse__caption--third { padding-top: 1.2rem } } .account-tasks { background-color: #d3dae6; padding-top: 2.3rem } @media (min-width:768px) { .account-tasks { padding-top: 6.5rem } } .account-tasks .account-tasks-item { padding-left: 4.5rem } @media (min-width:768px) { .account-tasks .account-tasks-item { padding-left: 2.5rem; padding-right: 1rem; padding-bottom: 0 } } .account-tasks .account-tasks-ico { left: 1.875rem } @media (min-width:768px) { .account-tasks .account-tasks-ico { left: 0; top: 1rem } } .account-tasks .account-tasks-col { margin-top: -.9375rem } .accounts-tracking-container { padding-bottom: 2.5rem } @media (min-width:1200px) { .accounts-tracking-container { padding-top: 6.2rem; padding-bottom: 4rem } } .accounts-tracking-form { padding-left: 0; padding-right: 0; flex-direction: column; align-items: center } .accounts-tracking-form__label { margin-bottom: 1.8rem } @media (min-width:768px) { .accounts-tracking-form__input { min-width: 34rem } } .accounts-tracking-form__form { margin-bottom: 2rem } @media (min-width:768px) { .accounts-tracking-form__btn { min-width: 11.75rem; padding-top: .95rem; padding-bottom: .95rem } } @media (min-width:1200px) { .accounts-tracking-form { display: flex; justify-content: center; align-items: flex-start; flex-direction: row } } .account-onboarding { position: relative } .account-onboarding .acc-header { background: #fff; padding: 1rem 0 } .account-onboarding .form-wrapper { padding: 0 0 2.5rem; z-index: 4; position: relative } @media (min-width:768px) { .account-onboarding .form-wrapper { padding-top: 2.5rem } } .account-onboarding .form-container { padding: 2rem 1rem 1rem; background-color: #edf2ff; border-radius: .75rem; z-index: 4; position: relative } @media (min-width:768px) { .account-onboarding .form-container { padding: 2rem } } .account-onboarding label { color: #575757; font-size: 1rem; margin-bottom: .5rem } .account-onboarding .toggle-checkbox { position: relative; width: 3.5rem; height: 2rem; -webkit-appearance: none; appearance: none; background: #dde0ec; outline: none; border-radius: 1.25rem; transition: .7s; cursor: pointer } .account-onboarding .toggle-checkbox-group { display: flex; gap: 1rem; margin-bottom: 2rem } .account-onboarding .toggle-checkbox-group label { font-size: 1rem; font-weight: 400; margin-bottom: 0; color: #000 } .account-onboarding .toggle-checkbox-group p { margin-bottom: 0; color: #575757; font-size: .875rem } .account-onboarding .toggle-checkbox:before { content: ""; position: absolute; width: 1.5rem; height: 1.5rem; border-radius: 1.25rem; top: 50%; transform: translateY(-50%); left: .25rem; background: #fff; transition: .5s } .account-onboarding .toggle-checkbox:checked { background: #dde0ec } .account-onboarding .toggle-checkbox:checked:before { background: linear-gradient(#395fc0, #081f5b); left: calc(100% - 1.75rem) } .account-onboarding .form-control, .account-onboarding .selectize-control.select-selectize--search .selectize-input input, .account-onboarding .selectize-control .selectize-input, .selectize-control .account-onboarding .selectize-input, .selectize-control.select-selectize--search .selectize-input .account-onboarding input { font-size: 1rem; border-radius: .5rem; padding: .75rem 1rem; height: calc(1em + 2rem) } .account-onboarding .input-group--phone .form-control, .account-onboarding .input-group--phone .selectize-control.select-selectize--search .selectize-input input, .account-onboarding .input-group--phone .selectize-control .selectize-input, .selectize-control .account-onboarding .input-group--phone .selectize-input, .selectize-control.select-selectize--search .selectize-input .account-onboarding .input-group--phone input { height: calc(100% - 5px); margin: 2.5px; background-color: #f4f7fe } .account-onboarding .input-group--phone .input-group-prepend:after { display: none } .account-onboarding .input-group--currency .select2-container .select2-selection, .account-onboarding .input-group--currency span.currency-label { padding: .25rem 1.25rem; background-color: #f4f7fe; border-radius: .5rem } .account-onboarding .input-group--currency span.currency-label { display: flex; justify-content: center; align-items: center; color: #072447 } .account-onboarding .input-group--currency .input-group-prepend { margin: .1563rem } .account-onboarding .input-group--currency .input-group-prepend:after { display: none } .account-onboarding .content-wrapper { margin-top: auto; margin-bottom: auto; padding-right: 7.5rem; padding-top: 2rem; padding-bottom: 2rem; z-index: 2 } .account-onboarding .content-wrapper>span { font-size: 10px; font-weight: 500; text-transform: uppercase } .account-onboarding .content-wrapper h1 { font-size: 1rem; font-weight: 300; line-height: 1.3 } .account-onboarding .content-wrapper p { font-size: .75rem; font-weight: 400 } .account-onboarding .content-wrapper a { font-size: .875rem; font-style: normal; font-weight: 300; line-height: 1rem; letter-spacing: 1.4px; text-transform: capitalize; color: #fff } @media (min-width:768px) { .account-onboarding .content-wrapper { margin-top: 12em } .account-onboarding .content-wrapper>span { font-size: .875rem } .account-onboarding .content-wrapper h1 { font-size: 3rem } .account-onboarding .content-wrapper p { font-size: 1.25rem } } .account-onboarding .content-wrapper .image-wrapper { z-index: -1 } .account-onboarding .btn-back { font-size: .875rem; font-style: normal; font-weight: 300; letter-spacing: .0875rem; text-transform: uppercase; margin-bottom: 1rem; display: inline-flex; justify-content: center; align-items: center } .account-onboarding .btn { padding: 1rem 2rem; border-radius: .5rem; display: flex; justify-content: center; align-items: center; font-size: .75rem; font-weight: 500; text-align: center; letter-spacing: .075rem; border: none; width: 100%; max-width: 19.5rem } .account-onboarding .btn--primary { color: #fff; background: linear-gradient(135deg, #395fc0, #081f5b); box-shadow: 0 2px 4px 0 rgba(10, 42, 59, .2), 0 8px 10px 0 rgba(10, 42, 59, .15), 0 16px 20px 0 rgba(10, 42, 59, .12), 0 32px 40px 0 rgba(10, 42, 59, .1), 0 56px 72px 0 rgba(10, 42, 59, .08), 0 80px 120px 0 rgba(10, 42, 59, .04) } .account-onboarding .btn--primary.disabled { background: linear-gradient(135deg, #d7dae5, #a4a7af); box-shadow: 0 1px 0 0 #fff; color: #9f9f9f } .account-onboarding .btn--secondary { color: #072447; background: #fff; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .05), 0 16px 24px 0 rgba(0, 0, 0, .08); backdrop-filter: blur(5px) } .account-onboarding .btn-group { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem } .account-onboarding .message-content { margin-top: 4.5rem; margin-bottom: 4.5rem; text-align: center } .account-onboarding .message-content .img-wrapper { margin-bottom: 3rem } .account-onboarding .message-content .img-wrapper img { max-height: 12.5rem } .account-onboarding .message-content .title { font-size: 32px; font-weight: 200; margin-bottom: 1rem } .account-onboarding .message-content p { color: #575757; font-size: .875rem; font-weight: 400 } .account-onboarding .image-wrapper { position: absolute; inset: 0 } .account-onboarding .image-wrapper img { width: 100%; height: 100%; object-fit: cover; object-position: top center } .account-onboarding .image-wrapper:after { content: ""; position: absolute; inset: 0; background: var(--bg-overlay, linear-gradient(305deg, rgba(36, 36, 36, .09), rgba(0, 0, 0, .77))); z-index: 1 } .account-onboarding.dtc-landing { background-color: #edf2ff } @media (min-width:768px) { .account-onboarding.dtc-landing { background-color: #242424 } } .account-onboarding.dtc-landing .btn { max-width: 100% } .acc-ob__modal .modal-dialog { max-width: 40.4375rem } .acc-ob__modal .modal-content { background-color: #edf2ff; padding: 1.5rem } .acc-ob__modal .modal-content .modal-header .close .icomoon { font-size: 1.25rem; color: #072447 } .acc-ob__modal .modal-content .modal-body .img-wrapper { margin-bottom: 2rem } .acc-ob__modal .modal-content .modal-body .img-wrapper img { max-height: 12.5rem } .acc-ob__modal .modal-content .modal-body .title { font-size: 1.5rem; font-weight: 300; margin-bottom: .5rem } .acc-ob__modal .modal-content .modal-body p { color: #575757; font-size: 1rem } .acc-ob__modal .modal-content .modal-body a { font-size: .875rem; font-weight: 500; letter-spacing: 1.4px } .services-banner { background: #fff; padding-top: 0; padding-bottom: 0; overflow: hidden } @media (min-width:992px) { .services-banner { position: relative; margin-bottom: .75rem } .services-banner:before { left: 0; background: #072447 } .services-banner:after, .services-banner:before { content: ""; width: 50%; height: 100%; position: absolute; top: 0; z-index: -1 } .services-banner:after { right: 0; left: auto; background: #fff } } @media (min-width:992px) { .services-banner__wrapper { display: flex; justify-content: space-between } } .services-banner__large { background-color: #072447; color: #fff; margin: 0 -1rem; position: relative } @media (min-width:992px) { .services-banner__large { flex: 0 0 50%; margin-right: 0 } } @media (min-width:1440px) { .services-banner__large { flex: 0 0 51.25rem } } .services-banner__info { margin-top: 2rem; padding: 0 .8rem 1.5rem } @media (min-width:1440px) { .services-banner__info { padding-left: 4.25rem } } .services-banner__bold { font-size: .875rem; font-weight: 700; margin-bottom: .5rem } .services-banner__description, .services-banner__title { font-weight: 300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .services-banner__description { font-size: 1.125rem; margin-bottom: .5rem } .services-banner__date { font-size: .875rem; margin: .875rem 0 .5rem } .services-banner__date>img { margin-right: .5rem } .services-banner__stretch-link:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100% } .services-banner__cards { margin-top: 0; padding-top: 2rem; padding-bottom: 1rem } @media (min-width:768px) { .services-banner__cards { padding-bottom: 0 } } @media (min-width:992px) { .services-banner__cards { flex: 0 0 50%; margin-top: 3.5rem; padding-left: 1rem } } @media (min-width:1440px) { .services-banner__cards { flex: 0 0 39%; margin-top: 2rem; padding-right: 3rem; padding-left: 0 } } @media (max-width:991.98px) { .services-banner__cards { background: #fff; margin: 0 -1rem; padding: 2rem 1rem .5rem } } .filter { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; margin-bottom: 1.5rem } @media (min-width:768px) { .filter { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4rem } } @media (min-width:768px) { .filter__mobile { display: none } } .filter__mobile .btn, .filter__mobile .dropdown { height: 100% } .filter__mobile .dropdown { width: 100% } .filter__mobile .btn { background: #fff; display: flex; align-items: center } .filter__mobile .btn img { margin-right: 1.125rem } .filter__mobile .btn:after { transform: rotate(-90deg) } @media (max-width:767.98px) { .filter__items { position: fixed; background: #eef2f8; z-index: 1021; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem; visibility: hidden; transform: translateX(-100%); max-width: 20rem; transition: all .4s } .filter__items_visible { visibility: visible; transform: none } } .filter__backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1020; background: rgba(7, 36, 71, .4); visibility: hidden; opacity: 0; transition: all .4s } .filter__backdrop_visible { visibility: visible; opacity: 1 } .filter__close-wrapper { padding: .75rem 1.25rem; font-size: .875rem; line-height: 1.5; border-radius: .75rem; background: #fff; display: flex; justify-content: center; position: relative } @media (min-width:768px) { .filter__close-wrapper { display: none } } .filter__close-title { font-size: 1.5rem; font-weight: 300; line-height: 1.2 } .filter__close { background: none; border: none; font-size: 1.25rem; padding: 0; position: absolute; top: 50%; right: .75rem; transform: translateY(-50%); display: inline-flex; transition: all .4s } .filter__close:before { content: ""; visibility: hidden; opacity: 0; transform: scale(.5); width: calc(100% + 1.25rem); height: calc(100% + 1.25rem); background: rgba(7, 36, 71, .1); position: absolute; top: -.625rem; right: -.625rem; bottom: -.625rem; left: -.625rem; border-radius: 50%; transition: all .4s } .filter__close:hover { color: #020c19 } .filter__close:hover:before { visibility: visible; opacity: 1; transform: scale(1) } .filter__close:active, .filter__close:focus { color: #0c3c75 } .filter__close:active:before, .filter__close:focus:before { visibility: visible; opacity: 1; transform: scale(1); background: rgba(7, 36, 71, .25) } .filter__item { font-size: .938rem; min-width: 4rem; transition: all .4s } .filter__item.is-active { background: #000; color: #fff; cursor: default } .filter__item:active:not(.is-active), .filter__item:hover:not(.is-active) { background: #072447; color: #fff } .filter__item:active:not(.is-active) { opacity: .5; transform: scale(.98) } .filter__show-more { font-size: .938rem } .filter__show-more:active, .filter__show-more:hover { color: #000101; text-decoration: underline } @media (min-width:768px) { .filter__sorting { margin-left: 1rem } } .filter__sorting .btn { background: #fff } .filter__sorting .dropdown-custom { width: 100% } @media (min-width:768px) { .filter__sorting .dropdown-custom { width: 12.5rem } } .filter__sorting .dropdown-custom .dropdown-menu { width: 100% } @media (min-width:768px) { .filter__sorting .dropdown-custom .dropdown-menu { width: 12.5rem } } @media (min-width:1440px) { .news .container { max-width: 1340px } } .news__title { margin-bottom: 1.5rem } @media (max-width:767.98px) { .news__title { font-size: 1.5rem; text-align: center } } .stay-up { background-color: #fff; padding: 2rem 0; margin-bottom: 0 } @media (min-width:768px) { .stay-up { padding: 4rem 0 3.25rem; margin-bottom: 2.25rem } } @media (max-width:767.98px) { .stay-up__title { font-size: 1.5rem } } .stay-up__card-wrapper { margin-bottom: 2rem } @media (min-width:768px) { .stay-up__card-wrapper { margin-bottom: 0 } } .stay-up__card-wrapper:last-child, .stay-up__card-wrapper:nth-last-child(2) { margin-bottom: 0 } .social-container { max-width: 67.5rem; margin: 0 auto 1.75rem; border-radius: .5rem; overflow: hidden; padding: 1.625rem 1.5rem; background: #2765ff } @media (min-width:768px) { .social-container { display: flex; justify-content: space-between; align-items: center; background: #fff; margin-bottom: 6.25rem } } .social-container__title { color: #000; font-size: 1.5rem; font-weight: 300; max-width: 11.25rem; margin: 0 auto .4rem; text-align: center; line-height: 1.25 } @media (min-width:768px) { .social-container__title { font-weight: 600; font-size: 1.25rem; margin: 0; max-width: none } } .social-container__links { display: flex; align-items: center; justify-content: center } .social-container__link { cursor: pointer; color: #072447; margin: .75rem .95rem; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 1.75rem; height: 1.75rem; transition: all .3s } @media (min-width:768px) { .social-container__link { margin: 0 0 0 1.55rem } } .social-container__link:before { content: ""; visibility: hidden; opacity: 0; transform: scale(.5); width: calc(100% + 1.25rem); height: calc(100% + 1.25rem); background: rgba(7, 36, 71, .1); position: absolute; top: -.625rem; right: -.625rem; bottom: -.625rem; left: -.625rem; border-radius: 50%; transition: all .3s } .social-container__link * { z-index: 1 } .social-container__link:hover { color: #020c19 } .social-container__link:hover:before { visibility: visible; opacity: 1; transform: scale(1) } .social-container__link:active { color: #0c3c75 } .social-container__link:active:before { visibility: visible; opacity: 1; transform: scale(1); background: rgba(7, 36, 71, .25) } @media (max-width:767.98px) { .feedback { padding-bottom: 2rem } } .feedback__title { margin-bottom: .75rem } @media (max-width:767.98px) { .feedback__title { font-size: 1.5rem } } .feedback__description { max-width: 36.5rem; margin: 0 auto 1.625rem } @media (min-width:992px) { .feedback__description { font-size: 1rem } } .feedback__description .text-decoration-underline { text-decoration: underline } .feedback .feedback-wrapper { max-width: 42.5rem; margin: 0 auto } .feedback .feedback-wrapper__group { margin-bottom: 2.75rem } .feedback .feedback-wrapper .form-control, .feedback .feedback-wrapper .selectize-control.select-selectize--search .selectize-input input, .feedback .feedback-wrapper .selectize-control .selectize-input, .selectize-control .feedback .feedback-wrapper .selectize-input, .selectize-control.select-selectize--search .selectize-input .feedback .feedback-wrapper input { max-width: 100% } .feedback .feedback-wrapper__button .btn { font-size: 1rem; padding: 1rem 2.75rem; width: 100% } @media (min-width:768px) { .feedback .feedback-wrapper__button .btn { width: auto } } .ipp__header { background-image: linear-gradient(-180deg, #07449d 10%, #063579); color: #fff; padding: 17px 10px } .ipp__header-logo>img { max-width: 150px; width: 100% } .ipp__selector { max-width: 90%; margin: 0 auto } .ipp__selector-items { list-style: none; display: flex; padding: 0 } .ipp__selector-items>li { flex: 1; color: #969696; letter-spacing: -.5px; text-align: center; background: #fff; border: 1px solid #dadada; border-radius: 5px; line-height: 52px; margin: .25rem; cursor: pointer; transition: background .25s, color .25s, border .25s } .ipp__selector-items>li:first-of-type { margin-left: 0 } .ipp__selector-items>li:last-of-type { margin-right: 0 } .ipp__selector-items>li.active, .ipp__selector-items>li:hover { background: orange; color: #fff; border: 1px solid orange } .ipp__details { padding: 2rem; max-width: 90%; margin: 0 auto; border-radius: 4px } .ipp__info { border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; padding: 2rem 0 0 !important } .ipp__info:after { clear: both; content: ""; display: block } .ipp__info .ipp__info-icon { border: 1px solid grey; border-radius: 50%; display: inline-block; width: 1rem; height: 1rem; display: inline-flex; align-items: center; justify-content: center; float: left; clear: left; margin-right: .375rem } .ipp__info-icon:before { content: "!"; font-size: .5rem; font-weight: 700 } .ipp__info-icon+span { float: left; width: 85%; margin-bottom: 1rem } .ipp__footer-button { display: block; margin: 2rem auto 0 } .ipp__icon { max-width: 150px; margin: 1rem auto } .ipp__icon i { font-size: 2rem; color: green } .ipp__form-page { height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem } .ipp__footer .terms-conditions input[type=checkbox] { position: relative; top: 2px; height: 15px; width: 15px; cursor: pointer } .ipp__form-page__footer { margin-top: 1rem } @media screen and (max-width:767px) { .ipp__details { padding: 2rem 1rem } .ipp__details .d-flex { align-items: center; font-size: .875rem } .ipp__details .amount-integer { font-size: 1rem !important } } .ipp__details .ipp__info h5 span { position: relative; top: 1px } .ipp__details .badge { border-radius: 1.5rem; padding: .45em .9em } @media (min-width:768px) { .ipp__form { max-width: 530px; margin: 0 auto } } .error__template { padding: 40px 15px; text-align: center } .error__actions { margin-top: 15px; margin-bottom: 15px } .error__actions .btn { margin-right: 10px } .benefits { padding-top: 3.6rem; padding-bottom: 3.5rem } @media (min-width:768px) { .benefits { padding-top: 6rem; padding-bottom: 4.7rem } } .benefits .benefits-p { margin-bottom: .6rem } .benefits__title { margin-bottom: 2.1rem } @media (min-width:768px) { .benefits__title { margin-bottom: 2.4rem } } .benefits__subtitle { margin-bottom: 2rem } @media (min-width:768px) { .benefits__subtitle { line-height: 1.875rem; margin-bottom: 1.3rem } } .benefits .benefits-support-grid { margin-bottom: .75rem } .glance { padding-top: 2.7rem; padding-bottom: 1.25rem } @media (min-width:768px) { .glance { padding-top: 4.8rem; padding-bottom: 4.2rem } } .glance .glance-grid { overflow-x: auto } @media (min-width:768px) { .glance .glance-grid { margin-top: 1rem } } .glance .glance-info-icon { margin-bottom: .5rem; border-color: #072447 } .glance .glance-info-icon svg { width: 24px; height: 24px } .glance .glance-info-icon img { max-width: 1.5rem } @media (min-width:768px) { .glance .glance-info-icon { margin-bottom: .4rem } } .glance__title { margin-bottom: 1.5rem } @media (min-width:768px) { .glance__title { margin-bottom: 1.6rem } } .glance__subtitle { line-height: 1.5rem; margin-bottom: 1.4rem } @media (min-width:768px) { .glance__subtitle { margin-bottom: 1.5rem } } .glance__info-title { color: #072447 } .glance .glance-info { flex: 0 0 12.8rem } @media (min-width:768px) { .glance .glance-info { flex: 0 0 12.7rem } } .glance__card { min-height: 5.5rem } .glance__list-wrap { margin-bottom: 1.7rem } @media (min-width:768px) { .glance__list-wrap { margin-bottom: 3.1rem } } .glance .glance__list { margin-bottom: 1rem } @media (min-width:768px) { .glance .glance__list { margin-bottom: 1.7rem } } .glance .glance-item { line-height: 1.25rem; margin-bottom: .5rem } @media (min-width:768px) { .glance .glance-item { margin-bottom: 1.7rem } } .glance .glance-card-body { min-height: 12rem } @media (min-width:768px) { .glance .glance-card-body { min-height: 9.5rem; padding: 1rem 1.5rem 1.3rem 1.1rem } } .packages { padding-top: .5rem } .packages .packages-cover { margin-bottom: 1.5rem } @media (min-width:768px) { .packages .packages-cover { margin-bottom: 2rem } } .packages__title { line-height: 2.625rem; margin-bottom: 1.6rem } @media (min-width:768px) { .packages__title { margin-bottom: 1.9rem } } .packages__card-list { padding-bottom: 1rem } @media (min-width:768px) { .packages__card-list { padding-bottom: 3rem } } @media (min-width:992px) { .packages__card-list { padding-bottom: 2.8rem } } .packages__link { line-height: 1.25rem; margin-bottom: .5rem } @media (min-width:768px) { .packages__link { margin-bottom: 0 } } .packages .packages-block__title { line-height: 1.875rem } @media (min-width:768px) { .packages .packages-block__title { margin-bottom: 1.6rem } } .packages .packages-block__content-title { margin-bottom: .4rem } @media (min-width:768px) { .packages .packages-block__content-title { margin-bottom: .5rem } } .packages .packages-block__content-list { padding-bottom: .7rem } @media (min-width:768px) { .packages .packages-block__content-list { padding-bottom: .7rem } } .apply-cards__heading { font-size: .75rem; color: #757575; font-weight: 600 } .apply-cards__title { font-size: 1.125rem } .apply-cards__footer { font-weight: 600; font-size: .75rem; position: relative; padding-left: 1.3rem } .apply-cards__footer:before { content: ""; background-image: url(https://www.emiratesnbd.com/bundles/svg/warning.svg); width: 1rem; height: 1rem; display: inline-block; background-repeat: no-repeat; vertical-align: middle; position: absolute; left: 0; top: .2rem } .apply-cards__sub-title { font-weight: 600; font-size: .75rem } .apply-cards .pill-checkbox>input:checked+span { background-color: #000 } .apply-cards__sub-heading { color: #757575 } .apply-cards .col-6, .apply-cards .col-md-4 { padding-left: .5rem; padding-right: .5rem } .upload-form-group { background-color: #f8fafc } .upload-form-group__caption { padding: 0 1.5rem } @media (max-width:991.98px) { .upload-form-group__caption { padding: 0 } } .upload-form-group--wrapper { padding: 1.5rem 0 .5rem } .upload-form-group .hide { display: none } .upload-documents-side { padding: 0 1.5rem; position: relative } @media (max-width:991.98px) { .upload-documents-side { padding: 0 } } .upload-documents-side.hover { border-radius: .75rem; border: 1px dashed #596e98; background-color: #eef2f8 } @media (min-width:992px) { .upload-documents-side.hover .upload-documents__buttons { display: none } } .upload-documents-side-name-loading, .upload-documents-side.loading .upload-documents-side-name { display: none } .upload-documents-side.loading .upload-documents-side-name-loading { display: block } .upload-documents__text-error { color: #d22323; font-size: 12px; font-weight: 300; font-style: normal; letter-spacing: normal } .upload-documents__drag-drop { position: relative } .upload-documents__drag-drop input[type=file] { position: absolute; opacity: 0; top: 0; bottom: 0; right: 0; left: 0; cursor: pointer } .upload-documents__drag-drop p { color: #757575 } @media (min-width:992px) { .upload-documents__buttons { display: flex; align-items: center; align-self: baseline } } @media (max-width:767.98px) { .upload-documents__browse { display: none } } .upload-documents__empty { display: flex } .upload-documents__size-container { display: flex; margin-left: 8px } .upload-documents__size-span { color: #757575; font-size: 14px; font-weight: 400 } .upload-documents__buttons { display: none } .upload-documents__added { display: none; position: relative } .upload-documents__added--wrapper { display: flex; justify-content: space-between; flex-wrap: wrap } .upload-documents__added progress { width: 0; height: .25rem } .upload-documents__added progress[value] { -webkit-appearance: none; appearance: none } .upload-documents__added progress[value]::-webkit-progress-value { background-color: #003edd; border-radius: .125rem } .upload-documents__added progress[value]::-webkit-progress-bar { background-color: #eef2f8; border-radius: .125rem } .upload-documents__added progress:before { content: attr(value); position: absolute; color: #000; font-size: 1rem; top: -1.5rem; left: 5.9rem } .upload-documents__added--buttons-complete { display: none } .upload-documents__added.complete progress[value]::-webkit-progress-value { background-color: #0d8448 } .upload-documents__added.complete progress:before { display: none } .upload-documents__added.complete .upload-documents__added--buttons-complete { display: flex; align-items: flex-end } @media (min-width:992px) { .upload-documents__added.complete .upload-documents__added--buttons-complete { align-items: center } } .upload-documents__added.complete .upload-documents__added--buttons-loading, .work-details input.validate-error~.eye-picture { display: none } .work-details input.validate-error~.error-picture { display: block } .atm-branches .hide-map { display: none !important } .atm-branches__map-wrapper { position: relative; display: none } @media (min-width:992px) { .atm-branches__map-wrapper { height: 56.688rem; position: absolute; top: 0; left: 0; width: 100%; display: block; z-index: 2 } } .atm-branches__map { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100% } .atm-branches__panel-map { position: relative; margin: 0 -1rem; overflow: hidden } .atm-branches__panel-map .atm-branches__map-wrapper { display: block; height: 540px; padding: 0; position: relative; width: 100% } .onMapButton:after { position: absolute; top: 50%; content: var(--displayMessage); background: #fff; color: #06357a; padding: 10px 20px; border-radius: 100px; left: 50%; transform: translateX(-50%) translateY(-50%); font-weight: 700; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .33); width: 205px; text-align: center } @media (min-width:992px) { .onMapButton:after { left: 80% } } @media (min-width:1200px) { .onMapButton:after { left: 75% } } @media (min-width:1200px) { html[dir=rtl] .onMapButton:after { left: 50% } } html[dir=rtl] .gm-style-iw-c { padding-left: .75rem !important } html[dir=rtl] .gm-ui-hover-effect { right: 0 !important; left: unset !important } .banner-slider-large, .banner-slider-large__container { position: relative } .banner-slider-large__slide { position: relative; background-color: #757575; color: #000 } @media (min-width:768px) { .banner-slider-large__slide { color: #fff } } .banner-slider-large__bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100% } .banner-slider-large__bg>img { width: 100%; height: 100%; object-fit: cover } .banner-slider-large__bg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #191919; opacity: .6 } .banner-slider-large__inner { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; min-height: 200px; padding-top: 4rem; padding-bottom: 3.375rem } .banner-slider-large__title { margin-bottom: 1rem; font-size: 1.5rem; line-height: 1.875rem; font-weight: 300 } .banner-slider-large__sub-title { font-weight: 300; color: #fff; margin-bottom: .75rem; font-size: 2.625rem; line-height: 3rem } .banner-slider-large__desc { margin-bottom: .25rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 300 } .banner-slider-large__controls { position: absolute; display: flex; bottom: 0; left: 0; right: 0; justify-content: center; z-index: 1 } .banner-slider-large__numbers { display: none; width: auto; min-width: 78px; height: 48px; padding: 0 .875rem; background-color: #fff; bottom: auto; left: auto; text-align: right; font-size: 14px; line-height: 48px; font-weight: 400; color: #596e98 } .banner-slider-large__numbers .swiper-pagination-current { font-size: 1rem; font-weight: 600; color: #000 } .banner-slider-large__nav { display: none; padding: 0; background-color: #2765ff; font-size: 1rem } .banner-slider-large__next, .banner-slider-large__prev { display: inline-block; width: 48px; height: 48px; text-align: center; line-height: 48px } .banner-slider-large__bullets { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 1rem } .banner-slider-large__bullets .swiper-pagination-bullet { width: .675rem; height: .675rem; margin-left: .25rem; margin-right: .25rem; background-color: #d8d8d8; opacity: 1; transition: all .3s } .banner-slider-large__bullets .swiper-pagination-bullet-active { background-color: #757575; width: 1.7rem; border-radius: .3rem } @media (min-width:768px) { .banner-slider-large__inner { min-height: 600px } .banner-slider-large__content { max-width: 46.875rem; padding-bottom: 1.6rem } .banner-slider-large__content--large { max-width: 53.75rem } .banner-slider-large__content--large .banner-slider-large__desc { max-width: 37.5rem } .banner-slider-large__title { margin-bottom: 1rem; font-size: 1.5rem; line-height: 1.875rem; font-weight: 300 } .banner-slider-large__sub-title { font-weight: 300; color: #fff; margin-bottom: .75rem; font-size: 2.625rem; line-height: 3rem } .banner-slider-large__desc { margin-bottom: .25rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 300 } .banner-slider-large__controls { justify-content: flex-end } .banner-slider-large__nav, .banner-slider-large__numbers { display: block } .banner-slider-large__bullets { display: none } .banner-slider-large--spacing .banner-slider__content { padding-bottom: 9.75rem !important } .banner-slider-large--spacing .banner-slider__content .banner-slider__desc { margin-bottom: 0 } } @media (min-width:768px) { .banner-slider-large_smaller-desktop .banner-slider-large__inner { min-height: 600px; justify-content: center; padding-bottom: .5rem } .banner-slider-large_smaller-desktop .banner-slider-large__inner .btn { min-width: 11.0625rem } } @media (max-width:767.98px) { .banner-slider-large_filled-mobile .banner-slider-large__slide { background: #f8fafc } .banner-slider-large_filled-mobile .banner-slider-large__bg { display: block; position: relative; height: 12.5rem } .banner-slider-large_filled-mobile .banner-slider-large__bg:before { content: none } .banner-slider-large_filled-mobile .banner-slider-large__inner { padding-top: 0; min-height: 0; padding-bottom: 3.7rem } .banner-slider-large_filled-mobile .banner-slider-large__content { position: relative; padding-top: 1.5rem } .banner-slider-large_filled-mobile .banner-slider-large__title { font-size: 1rem; font-weight: 600; color: #000; line-height: 1.25rem; margin-bottom: .5rem } .banner-slider-large_filled-mobile .banner-slider-large__sub-title { color: #000; font-size: 1.875rem; font-weight: 300; line-height: 2.25rem; margin-bottom: .6rem } .banner-slider-large_filled-mobile .banner-slider-large__desc { color: #000; font-size: 1.125rem; font-weight: 300; line-height: 1.5rem } .banner-slider-large_filled-mobile .banner-slider-large__bullets { margin-bottom: 1.5rem } .banner-slider-large_filled-mobile .banner-slider-large__buttons>.btn { width: 100% } } .banner-slider-large .breadcrumb__container { position: absolute; top: .75rem; z-index: 2 } @media (min-width:768px) { .banner-slider-large .card-banner__inner { padding-top: 8.5rem } } .banner-slider-large .card-banner__grid { margin-top: .8rem } @media (min-width:768px) { .banner-slider-large .card-banner__grid { margin-top: 2.8125rem; display: flex } } .banner-slider-large .card-banner__info { width: auto; flex: 0 0 11rem } @media (min-width:768px) { .banner-slider-large .card-banner__info { width: auto; flex: 0 0 12.7rem } } .banner-slider-large .card-banner__info-icon img { width: auto; height: auto } .banner-slider-large .card-banner__info-icon { margin-bottom: .9rem } .banner-slider-large .card-banner__info-icon svg { width: 24px; height: 24px } .banner-slider-large .card-banner__info-icon img { max-width: 1.5rem } @media (min-width:768px) { .banner-slider-large .card-banner__info-icon { margin-bottom: .75rem } } @media screen and (min-width:768px) { .banner-slider-v1 .banner-slider__slide { min-height: 43.25rem } .banner-slider-v1 .banner-slider__inner { position: absolute; top: 0; color: #fff } } @media screen and (max-width:768px) { .banner-slider-v1 .banner-slider__slide { min-height: 11.125rem } .banner-slider-v1 .banner-slider__inner.container { display: block; padding-top: 1.5rem } .banner-slider-v1 h4.collage__card-header { font-size: 1rem; font-weight: 600 } .banner-slider-v1 .link-arrow { color: #072447; margin-top: 2.5rem } .banner-slider-v1 .btn--secondary { margin-top: 3rem; display: block } } .banner-slider { overflow: hidden } .banner-slider__logo { max-width: 100px; position: absolute; right: 0; top: 1.5rem } @media (max-width:991.98px) { .banner-slider__logo { margin: 0 0 1rem; max-width: 80px; position: relative; top: 0 } } @media (max-width:767.98px) { .banner-slider .banner-slider__bullets { margin-bottom: 1rem } } @media (min-width:768px) and (max-width:991.98px) { .banner-slider__card { margin-top: -7rem } } @media (max-width:767.98px) { .banner-slider__card { margin-top: -2rem } } .banner-slider__container { position: relative } .banner-slider__slide { position: relative; background-color: #757575; color: #fff } .banner-slider__bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100% } .banner-slider__bg>img { width: 100%; height: 100%; object-fit: cover } .banner-slider__bg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: var(--overlay-bg, linear-gradient(270deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .9))) } .banner-slider__inner { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; min-height: 31.875rem; padding-top: 4rem; padding-bottom: 3.375rem } .banner-slider__title { margin-bottom: .5rem; font-size: 1.875rem; line-height: 2.25rem; font-weight: 300 } @media (max-width:991.98px) { .banner-slider__title { font-size: 24px; line-height: 1.95rem; margin-bottom: 1rem; font-weight: 700 } } @media (max-width:1199.98px) { .banner-slider_large .banner-slider__buttons.d-flex { flex-direction: column } .banner-slider_large .banner-slider__buttons.d-flex a { margin-bottom: 1rem } } .banner-slider__sub-title { font-weight: 600; margin-bottom: .5rem; font-size: 16px } @media (min-width:768px) { .banner-slider__sub-title { font-size: 1rem } } .banner-slider__desc { margin-bottom: 18px; font-size: 16px; line-height: 1.5rem; font-weight: 400 } .banner-slider__link { color: #072447; display: block; text-align: center } .banner-slider__link:active, .banner-slider__link:focus, .banner-slider__link:hover { color: #072447 } @media (min-width:768px) { .banner-slider__link { color: #fff; display: inline-block } .banner-slider__link:active, .banner-slider__link:focus, .banner-slider__link:hover { color: #fff } } .banner-slider__controls { position: absolute; display: flex; bottom: 0; left: 0; right: 0; justify-content: center; z-index: 1 } .banner-slider__numbers { display: none; width: auto; min-width: 78px; height: 48px; padding: 0 .875rem; background-color: #fff; bottom: auto; left: auto; text-align: right; font-size: 14px; line-height: 48px; font-weight: 400; color: #596e98 } .banner-slider__numbers .swiper-pagination-current { font-size: 1rem; font-weight: 600; color: #000 } .banner-slider__nav { display: none; padding: 0; background-color: #2765ff; font-size: 1rem } .banner-slider__next, .banner-slider__prev { display: inline-block; width: 48px; height: 48px; text-align: center; line-height: 48px } .banner-slider__bullets { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: .5rem } .banner-slider__bullets .swiper-pagination-bullet { width: .5rem; height: .5rem; margin-left: .25rem; margin-right: .25rem; background-color: #d8d8d8; opacity: 1 } .banner-slider__bullets .swiper-pagination-bullet-active { background-color: #757575 } @media (min-width:768px) { .banner-slider__inner { min-height: 492px } .banner-slider__content { max-width: 46.875rem; padding-bottom: 3.5rem } .banner-slider__content--large { max-width: 53.75rem } .banner-slider__content--large .banner-slider__desc { max-width: 37.5rem } .banner-slider__title { margin-bottom: .75rem; font-size: 2.625rem; line-height: 3rem } .banner-slider__sub-title { font-weight: 600; margin-bottom: 1rem } .banner-slider__controls { justify-content: flex-end } .banner-slider__nav, .banner-slider__numbers { display: block } .banner-slider__bullets { display: none } .banner-slider--spacing .banner-slider__content { padding-bottom: 9.75rem !important } .banner-slider--spacing .banner-slider__content .banner-slider__desc { margin-bottom: 0 } } @media (min-width:1440px) { .banner-slider__inner { min-height: 692px } } @media (min-width:768px) { .banner-slider_smaller-desktop .banner-slider__inner { min-height: 540px; justify-content: center; padding-bottom: .5rem } .banner-slider_smaller-desktop .banner-slider__inner .btn { min-width: 11.0625rem } } @media (max-width:991.98px) { .banner-slider_smaller-desktop .banner-slider__inner { padding-bottom: 0 } } @media (max-width:767.98px) { .banner-slider_filled-mobile .swiper-wrapper { height: 100% !important; align-items: stretch !important } .banner-slider_filled-mobile .swiper-wrapper .banner-slider__slide { height: 100%; display: flex; flex-direction: column; padding-bottom: 2rem } .banner-slider_filled-mobile .swiper-wrapper .banner-slider__slide .banner-slider__inner { justify-content: space-between !important } .banner-slider_filled-mobile .swiper-wrapper .banner-slider__slide .banner-slider__inner .banner-slider__content { height: 100%; display: flex; flex-direction: column; flex: 1 } .banner-slider_filled-mobile .banner-slider__slide { color: #072447; background: #fff } .banner-slider_filled-mobile .banner-slider__bg { position: relative; height: 0; padding-bottom: 50% } .banner-slider_filled-mobile .banner-slider__bg:before { content: none } .banner-slider_filled-mobile .banner-slider__inner { padding-top: 0; min-height: 0 } .banner-slider_filled-mobile .banner-slider__content { position: relative; padding-top: 1.5rem } .banner-slider_filled-mobile .banner-slider__content-middle { flex: 1; display: flex; flex-direction: column; justify-content: center } .banner-slider_filled-mobile .banner-slider__buttons>.btn { width: 100% } } .banner-slider .breadcrumb__container { position: absolute; top: .75rem; z-index: 2 } @media (min-width:768px) { .banner-slider.left--shadow--white .banner-slider__bg:before { background-image: var(--overlay-bg, linear-gradient(270deg, rgba(51, 51, 51, 0) 30%, hsla(0, 0%, 100%, .88) 60%)) } .banner-slider.left--shadow--white .banner-slider__link, .banner-slider.left--shadow--white .banner-slider__slide { color: #000 } .banner-slider.top--shadow .banner-slider__bg:before { background-image: var(--overlay-bg, linear-gradient(1turn, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .88))) } .banner-slider.top--shadow--white .banner-slider__bg:before { background-image: var(--overlay-bg, linear-gradient(1turn, rgba(51, 51, 51, 0) 30%, hsla(0, 0%, 100%, .88) 60%)) } .banner-slider.top--shadow--white .banner-slider__link, .banner-slider.top--shadow--white .banner-slider__slide { color: #000 } .banner-slider.bottom--shadow .banner-slider__bg:before { background-image: var(--overlay-bg, linear-gradient(180deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .88) 80%)) } .banner-slider.bottom--shadow--white .banner-slider__bg:before { background-image: var(--overlay-bg, linear-gradient(180deg, rgba(51, 51, 51, 0) 30%, hsla(0, 0%, 100%, .88) 60%)) } .banner-slider.bottom--shadow--white .banner-slider__link, .banner-slider.bottom--shadow--white .banner-slider__slide { color: #000 } .banner-slider.right--shadow .banner-slider__bg:before { background-image: var(--overlay-bg, linear-gradient(90deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .9))) } .banner-slider.right--shadow--white .banner-slider__bg:before { background-image: var(--overlay-bg, linear-gradient(90deg, rgba(51, 51, 51, 0) 30%, hsla(0, 0%, 100%, .88) 60%)) } .banner-slider.right--shadow--white .banner-slider__link, .banner-slider.right--shadow--white .banner-slider__slide { color: #000 } } @media (min-width:768px) and (max-width:991.98px) { .banner-slider__content { max-width: 26.875rem } .banner-slider__title { font-size: 2rem; line-height: 1.2 } } .banner-slider_filled-mobile .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(180deg, rgba(25, 25, 25, .15), rgba(25, 25, 25, .5))) } @media (max-width:767.98px) { .banner-slider_filled-mobile .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(180deg, rgba(25, 25, 25, .15), rgba(25, 25, 25, .2))) } } @media (min-width:768px) and (max-width:991.98px) { .banner-slider:not(.js-banner-slider) .banner-slider__slide { background-color: #fff; color: #000 } .banner-slider:not(.js-banner-slider) .banner-slider__inner { min-height: auto } .banner-slider:not(.js-banner-slider) .banner-slider__bg, .banner-slider:not(.js-banner-slider) .banner-slider__bg img { position: relative } .banner-slider:not(.js-banner-slider) .banner-slider__content { padding-bottom: 0; max-width: 100% } .banner-slider:not(.js-banner-slider) .highlight-blue { filter: invert(76%) sepia(122%) saturate(471%) hue-rotate(190deg) brightness(85%) contrast(161%) } } .swiper-container { -ms-touch-action: pan-y; touch-action: pan-y } @media (max-width:767.98px) { .full-height { height: calc(100vh - 72px) } .full-height .swiper-container, .full-height .swiper-slide { height: 100% } .full-height .swiper-container .banner-slider__slide, .full-height .swiper-slide .banner-slider__slide { padding-bottom: 0 } .full-height .banner-slider__bg { padding: 0; height: 100% } .full-height .banner-slider__inner { position: absolute; left: 0; bottom: 0 } .full-height .banner-slider__inner .banner-slider__buttons { padding-bottom: 0 } .full-height .banner-slider__inner:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, var(--primitives-primary, #072447), rgba(7, 36, 71, 0) 102.53%) } .full-height .banner-slider__link { color: #fff } .full-height .btn--primary, .full-height .btn-primary { background-color: #fff !important; color: #072447 !important } .full-height .banner-slider__content { color: #fff; padding: 0 0 3.5rem } .full-height .banner-slider__content .banner-slider__content-middle { justify-content: flex-end } .full-height .banner-slider__bullets .swiper-pagination-bullet { border-color: #fff !important } .full-height .banner-slider__bullets .swiper-pagination-bullet-active { background-color: #fff !important } } .list-white .list--bullet li:before { background-color: #fff } @media (max-width:768px) { .list-white .list--bullet li:before { background-color: #000 } } .boost-eligibility-v1 .picture-overlay>img { object-fit: unset } @media (max-width:991.98px) { .boost-eligibility-v1 .ccbenefits--large { min-height: unset !important } } .branch-selector__form { display: flex; margin-bottom: .875rem } .branch-selector__search { flex: 1 1 auto } .branch-selector__map-button { display: inline-flex; flex: 0 1 4rem; text-align: center; justify-content: center; width: 4rem; margin-left: 1rem; font-size: .875rem; box-shadow: 0 5px 15px rgba(0, 0, 0, .12) } .branch-selector__map-button>i { font-size: 1.25rem } .branch-selector__map-button--hide, .branch-selector__map-button>span { display: none } .branch-selector__block { height: 14.0625rem; padding: 1rem; border: 1px solid #eef2f8; border-radius: .5rem } .branch-selector__block-title { margin-bottom: .75rem; font-weight: 700; font-size: .625rem; color: #596e98 } .branch-selector__item { display: block; margin: 0 0 2px } .branch-selector__item-inner { display: flex; position: relative; padding: .375rem .25rem; border-radius: .5rem; cursor: pointer; font-size: .875rem; transition: background-color .3s } .branch-selector__item-inner span { display: block } .branch-selector__item-inner:hover { background-color: #eef2f8 } .branch-selector__item-input { position: absolute; opacity: 0; right: 0 } .branch-selector__item-body { position: relative; padding-right: 1.875rem; flex: 1 1 auto } .branch-selector__item-body:after { content: ""; font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: none; position: absolute; right: .5rem; top: .625rem; font-size: 1.25rem; color: #0d8448 } .branch-selector__item-input:checked~.branch-selector__item-inner { background-color: #eef2f8 } .branch-selector__item-input:checked~.branch-selector__item-inner .branch-selector__item-body:after { display: block } .branch-selector__item-icon { flex: 0 0 1.875rem; margin-top: .25rem; font-size: 1.25rem; color: #072447 } .branch-selector__item-title { margin-bottom: .25rem; font-weight: 600 } .branch-selector__item-subtitle { font-size: .75rem; font-weight: 300 } .branch-selector__map { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; flex-direction: column; background-color: #fff; z-index: 1500 } .branch-selector__map-top { justify-content: space-between; align-items: center; font-size: 1.5rem; font-weight: 300 } .branch-selector__map-search, .branch-selector__map-top { display: flex; padding: .75rem 1.25rem } .branch-selector__map-bottom { padding: .75rem 1.25rem; text-align: right } .branch-selector__map-container { height: 18rem; background-color: #757575; flex: 1 1 auto } .branch-selector--show-map .branch-selector__map-button--hide { display: inline-flex } .branch-selector--show-map .branch-selector__block, .branch-selector--show-map .branch-selector__map-button--show { display: none } .branch-selector--show-map .branch-selector__map { display: flex } @media (min-width:768px) { .branch-selector__map-button { flex: 0 1 8.875rem; width: 8.875rem } .branch-selector__map-button>span { display: block; margin-left: .625rem } .branch-selector--show-map .branch-selector__map { display: block; position: static } .branch-selector__map-bottom, .branch-selector__map-search, .branch-selector__map-top { display: none } .branch-selector__map-container { border-radius: .5rem } .branch-selector__item-body { padding-right: 2.5rem } .branch-selector__item-body:after { right: 1rem } } .branch-map-info { padding: 0; color: #000; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji } .branch-map-info__title { margin-bottom: .25rem; font-size: .875rem; font-weight: 600 } .branch-map-info__subtitle { margin-bottom: .5rem; font-size: .75rem; font-weight: 300 } .branch-map-info__button { min-width: 5.375rem; padding: .3125rem .5rem; border-radius: 1.25rem; border: none } .branch-map-info__button>i { margin-right: .25rem } .brands-img-slider__wrapper .swiper-slide { display: flex; height: 84px; align-items: center; justify-content: center } .calculator-earn-step-2 { display: none } .calculator-earn { width: 40rem; max-width: 100% } .calculator-earn__form { padding: 1.25rem; background-color: #eef2f8; border-radius: .5rem .5rem 0 0 } @media (min-width:576px) { .calculator-earn__form { padding: 1.875rem } } @media (max-width:991.98px) { .calculator-earn__form { padding: 1.875rem; border-radius: .5rem .5rem } } .calculator-earn__title { margin-bottom: 1.25rem; font-weight: 300; font-size: 1.125rem } @media (min-width:768px) { .calculator-earn__title { font-size: 1.5rem } } .calculator-earn__field-label { display: flex; align-items: center; flex: 0 0 11rem; margin-right: 1rem; margin-bottom: 4rem; font-weight: 700 } @media (min-width:576px) { .calculator-earn__field-label { margin-bottom: 0 } } .calculator-earn__field-icon { flex: 0 0 1.25rem; margin-right: .5rem } .calculator-earn__field-icon img { width: 1.25rem } .calculator-earn__field-icon i { font-size: 1.25rem; color: #072447 } @media (min-width:576px) { .calculator-earn__field-icon { flex: 0 0 2.5rem } .calculator-earn__field-icon img { width: 2rem } .calculator-earn__field-icon i { font-size: 2rem } } .calculator-earn__field-slider { flex: 1 1 100% } .calculator-earn__result { padding: 1.25rem; background-color: var(--primary); border-radius: 0 0 .5rem .5rem; font-weight: 300; text-align: center; color: #fff } @media (min-width:576px) { .calculator-earn__result { padding: 1.875rem; text-align: initial } } .calculator-earn__result-main { display: flex; margin-bottom: 1.25rem; justify-content: center; flex-direction: column } .calculator-earn__result-main.currency-symbol { flex-direction: row; align-items: center } @media (max-width:991.98px) { .calculator-earn__result-main.currency-symbol { justify-content: center } } .calculator-earn__result-main.currency-symbol .calculator-earn__result-number { margin-left: 1rem } @media (max-width:991.98px) { .calculator-earn__result-main.currency-symbol .calculator-earn__result-number { margin-bottom: 0; margin-right: 0 } .calculator-earn__result-main.currency-symbol .calculator-earn__result-number>span { height: 3rem; width: 2.5rem; font-size: 1.75rem; line-height: 3rem } } @media (min-width:576px) { .calculator-earn__result-main { align-items: center; justify-content: flex-start; flex-direction: row } } .calculator-earn__result-label { margin: 0; font-weight: inherit; font-size: 2.25rem } .calculator-earn__result-number { display: flex; justify-content: center; margin-bottom: .5rem; margin-right: 1rem; direction: ltr } .calculator-earn__result-number>span { display: inline-block; position: relative; height: 3.5rem; width: 3rem; margin-right: .625rem; font-size: 2.25rem; font-weight: 600; line-height: 3.5rem; text-align: center; border-radius: .75rem; background-color: #fff; color: #000; box-shadow: inset 0 2px 0 hsla(0, 0%, 100%, .3), inset 0 -2px 0 rgba(0, 0, 0, .2); overflow: hidden } .calculator-earn__result-number>span:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-color: rgba(0, 0, 0, .01); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .16) } @media (min-width:576px) { .calculator-earn__result-number { justify-content: flex-start; margin-bottom: 0 } } #table-modal .modal-dialog { max-width: 900px } [dir=rtl] .calculator-earn__field-slider+div { direction: ltr } [dir=rtl] .calculator-earn__result-number { direction: rtl } @media (min-width:768px) { [dir=rtl] .calculator-earn__result-main { flex-direction: row-reverse; justify-content: flex-end } [dir=rtl] .calculator-earn__result-main .calculator-earn__result-number { margin-left: 1rem } } [dir=rtl] .calculator-earn__result-main.currency-symbol { flex-direction: row-reverse; justify-content: flex-end } [dir=rtl] .calculator-earn__result-main.currency-symbol .calculator-earn__result-number { margin-left: 0; margin-right: 1rem } @media (max-width:991.98px) { [dir=rtl] .calculator-earn__result-main.currency-symbol { justify-content: center } } [dir=rtl] .calculator-earn__result-number>span:first-child { margin-right: 0 } .calculator { background-color: rgba(7, 36, 71, .07) } @media (min-width:768px) { .calculator { background-color: transparent } } .calculator--py-lg { padding-top: 4rem; padding-bottom: 4rem } @media (min-width:992px) { .calculator--py-lg { padding-top: 4.5rem; padding-bottom: 4.5rem } } @media (max-width:991.98px) { .calculator--py-lg { overflow: hidden } } .calculator .custom-radio input:checked+span { font-weight: 700; color: #072447 } .calculator .custom-radio input:checked+span:before { border-color: #072447 } .calculator .custom-radio input:checked+span:after { background-color: #072447 } .calculator .tab-item__link { padding-left: 1rem; padding-right: 1rem; font-size: .875rem } @media (min-width:1200px) { .calculator .tab-item__link { padding-left: 1.5rem; padding-right: 1.5rem } } .calculator .tab-item__title { font-size: .875rem } .calculator__lable-head label, .calculator__lable-head span { font-size: 1rem; margin: 0 } .calculator__lable-head span { font-size: 18px } .calculator__lable-head label { font-weight: 600 } @media (max-width:991.98px) { .calculator__lable-head label { font-size: 14px } .calculator__lable-head span { min-width: 160px; justify-content: flex-end } } @media (max-width:767.98px) { .calculator-earn__field-group:not(.d-block) { display: block; padding-top: 0 } .borrow__calculator--title { margin-bottom: 0 !important } } .mortgage-calculator--v1 .calculator-earn__result { background: #fff; border-radius: .5rem .5rem 0 0; text-align: center; display: flex; flex-direction: column; justify-content: center; padding: 3.75rem 0 } .mortgage-calculator--v1 .calculator-earn__result-main { justify-content: center; margin-bottom: 0 } .mortgage-calculator--v1 .calculator-earn__result-label { margin-top: .1rem; padding-right: .875rem } .mortgage-calculator--v1 .monthlyPayments { font-size: 2rem; font-weight: 600 } .mortgage-calculator--v1 #loancalc-terms-content { background: #072447; color: #fff; padding: 2.75rem 1.875rem; border-radius: 0 0 .5rem .5rem; display: flex; align-items: center } .mortgage-calculator--v1 #loancalc-terms-content p { margin-bottom: 0 } .calculator--v3 .loan-calculator { align-items: stretch } .calculator--v3 .col-lg-5.tab-content { display: flex; flex-direction: column; justify-content: center; align-self: normal !important; margin-top: 3rem } .calculator--v3 .col-lg-5.tab-content .card { padding: 3rem 2rem } .calculator--v3 .radio-section-0 { padding-top: 1.5rem } .card-calculator { max-width: 100% } .card-calculator__form { padding: 1.25rem; background-color: #eef2f8; margin-bottom: 1rem; border-radius: .5rem } @media (min-width:992px) { .card-calculator__form { margin-right: 3rem } .card-calculator__form:last-of-type { margin-bottom: 0 } } @media (min-width:576px) { .card-calculator__form { padding: 1.875rem } } @media (max-width:991.98px) { .card-calculator__form { padding: 1.5rem; border-radius: .5rem .5rem } } .card-calculator__title { margin-bottom: 1.25rem; font-weight: 400; font-size: 1.125rem } @media (min-width:768px) { .card-calculator__title { font-size: 1.5rem } } .card-calculator__field-group { display: flex; align-items: center; margin-bottom: .375rem; padding-top: 3.5rem } @media (max-width:767.98px) { .card-calculator__field-group { flex-wrap: wrap; padding-top: 2rem } } .card-calculator__field-label { display: flex; flex-direction: column; align-items: flex-start; flex: 0 0 11rem; margin-bottom: 4rem; font-weight: 400; font-size: .875rem; color: #000; margin-right: 1rem } .card-calculator__field-label .cc-sub-label { font-size: 1rem; font-weight: 600; color: #000; margin-bottom: .375rem } .card-calculator__field-label .cc-desc { font-size: .875rem; font-weight: 400 } @media (min-width:576px) { .card-calculator__field-label { margin-bottom: 0; margin-right: 3rem } } @media (max-width:991.98px) { .card-calculator__field-label { flex: 0 0 8rem; margin-bottom: 1rem } } @media (max-width:767.98px) { .card-calculator__field-label { flex: 0 0 100%; margin-bottom: 1rem } } .card-calculator__field-icon { flex: 0 0 1.25rem; margin-right: .5rem } .card-calculator__field-icon img { width: 1.25rem } .card-calculator__field-icon i { font-size: 1.25rem; color: #072447 } @media (min-width:576px) { .card-calculator__field-icon { flex: 0 0 2.5rem } .card-calculator__field-icon img { width: 2rem } .card-calculator__field-icon i { font-size: 2rem } } .card-calculator__field-slider { flex: 1 1 100% } .card-calculator__result { border-radius: .4rem 0 0 .4rem; font-weight: 300; text-align: center; border-radius: 5px; background: #072447; box-shadow: 0 4px 34px 0 rgba(0, 0, 0, .05); padding: 1.5rem 2rem } @media (min-width:576px) { .card-calculator__result { padding: 2.5rem 3rem } } .card-calculator__result:last-of-type { margin-right: 0 } .card-calculator__result h5, .card-calculator__result small { color: #fff } .card-calculator__result h5 { font-size: 1.5rem; font-weight: 300; line-height: normal; margin-bottom: 2.5rem } .card-calculator__result small { font-size: .75rem; font-weight: 400; line-height: 1.125rem } .card-calculator__result-main { margin-bottom: .75rem; text-align: center; justify-content: center; display: flex; align-items: center } @media (min-width:576px) { .card-calculator__result-main { margin-bottom: 1.25rem } } .card-calculator__result-label { color: #fff; font-size: 1.5rem; font-weight: 300; line-height: normal; margin-bottom: 2.5rem } .card-calculator__result-number { display: flex; justify-content: center; margin-bottom: .5rem } .card-calculator__result-number>span { display: inline-block; position: relative; height: 3.5rem; width: 3rem; margin-right: .625rem; font-size: 2.25rem; font-weight: 600; line-height: 3.5rem; text-align: center; border-radius: .75rem; background-color: #d0d7ef; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .2), inset 0 2px 0 0 hsla(0, 0%, 100%, .3); overflow: hidden } .card-calculator__result-number>span:last-of-type { margin-right: 0 } .card-calculator__result-number>span:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-color: rgba(0, 0, 0, .01); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .16) } @media (min-width:576px) { .card-calculator__result-number { justify-content: flex-start; margin-right: 1rem; margin-bottom: 0 } } [dir=rtl] .card-calculator__result-number { flex-direction: row-reverse; margin-right: 0 } [dir=rtl] .card-calculator__result-number>span { margin-right: 0; margin-left: .625rem } [dir=rtl] .card-calculator__result-number>span:last-of-type { margin: 0 } .card-calculator__note { margin-top: 2rem } .card-calculator__note * { font-size: .75rem } .card-calculator .cc-range-label-wrap { display: flex; justify-content: space-between; margin-bottom: -1rem } .card-calculator .cc-range-label-wrap .cc-range-label { font-size: .75rem; font-weight: 400; color: #757575 } .card-calculator .cc-range-note { color: #575757; font-size: .75rem; font-weight: 400; margin-top: .5rem } [dir=rtl] .card-calculator .irs-single { direction: rtl } .calculator-intro__heading { font-size: 2rem; color: #242424; font-weight: 300; margin-bottom: 3rem; text-align: center } .calculator-intro__subheading { font-size: 1.5rem; font-weight: 400; color: #000; margin-bottom: 2rem } .cashback-calculator .custom-range-slider .irs .irs-single { opacity: 0 } .cashback-calculator .custom-range-slider:hover .irs .irs-single { opacity: 1 } [dir=rtl] .irs .irs-single { direction: rtl } .offset-calculator .heading-block { text-align: center } .offset-calculator .heading-block .title-sm { font-size: .875rem; color: #575757; font-weight: 300; display: block; margin-bottom: 1rem } .offset-calculator .heading-block .title-lg { font-size: 2rem; color: #242424; font-weight: 300 } .label-rtl-flip .tab-left1 .mb-45:nth-child(2) .d-flex.justify-content-between span, .label-rtl-flip .tab-left2 .mb-45:nth-child(3) .d-flex.justify-content-between span, .label-rtl-flip .tab-left3 .mb-45:nth-child(2) .d-flex.justify-content-between span { direction: ltr } .monthly-payment { display: flex; align-items: center; justify-content: center; gap: .5rem } .slider-value-labels { display: flex; flex-direction: row; gap: .3rem; align-items: center } .isTenor .irs-single, html[dir=rtl] .isTenor .slider-value-labels, html[dir=rtl] .monthly-payment { flex-direction: row-reverse } .card-deals-header { margin-bottom: 1.375rem } @media (min-width:992px) { .card-deals-header { margin-bottom: 2rem } } .card-deals-header .tabs-responsive { text-align: center } .card-deals-header .tabs { font-size: .75rem; margin: 0 auto } .card-deals-header .tab-item__icon { font-size: 1.25rem } .card-deals-header .tab-item__link { padding-top: .3125rem; padding-bottom: .375rem } @media (min-width:992px) { .card-deals-header { border-bottom: 1px solid #d4d4d4 } .card-deals-header .tabs-responsive { text-align: initial } .card-deals-header .tabs { padding-top: .625rem; font-size: .9375rem } .card-deals-header .tab-item__link { padding-bottom: .25rem } .card-deals-header .tabs-responsive { margin-bottom: -1px } .card-deals-header .tabs-line { margin-bottom: -1px !important } } @media (min-width:1200px) { .card-deals-header .tab-item__link { min-width: 7rem } } .card-deals-header .dropdown .btn { padding-left: .875rem; padding-top: .625rem; padding-bottom: .625rem } .card-deals-slider { overflow: hidden } @media (max-width:991.98px) { .card-deals-slider .swiper-pagination-bullets { bottom: 0 !important } } .card-deals-slider .swiper-container { margin-left: -.5rem; margin-right: -.5rem; overflow: unset } .card-deals-slider .swiper-slide { padding-left: .5rem; padding-right: .5rem } .card-deals-slider .card-deals-slider__next, .card-deals-slider .card-deals-slider__prev { position: absolute; display: inline-block; top: 50%; width: 3rem; line-height: 3rem; text-align: center; background-color: #072447; border-radius: .25rem; color: #fff; opacity: .8; transition: all .3s; margin-top: -2.25rem; z-index: 10 } .card-deals-slider .card-deals-slider__next.swiper-button-disabled, .card-deals-slider .card-deals-slider__prev.swiper-button-disabled { display: none !important } .card-deals-slider .card-deals-slider__next:hover, .card-deals-slider .card-deals-slider__prev:hover { opacity: 1 } .card-deals-slider .card-deals-slider__prev { left: 0 } .card-deals-slider .card-deals-slider__next { right: 0 } @media (min-width:1200px) { .card-deals-slider .card-deals-slider__prev { left: 0 } .card-deals-slider .card-deals-slider__next { right: 0 } } @media (min-width:1360px) { .card-deals-slider .card-deals-slider__prev { left: -2.25rem } .card-deals-slider .card-deals-slider__next { right: -2.25rem } } .card-deal-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 28.75rem; padding-top: .625rem } .card-deal-wrapper .card-deal { height: 100%; flex: 0 0 100% } .card-deal-wrapper--2 .card-deal { flex: 1 1 50% } .card-deal-wrapper--2 .card-deal:first-child { margin-bottom: 1rem } @media (min-width:768px) { .card-deal-wrapper { height: 25rem } } .card-deal { position: relative; display: flex; flex-direction: column; justify-content: flex-end; background-color: #eef2f8; color: #fff; font-size: .875rem; border-radius: .5rem } .card-deal>* { z-index: 1 } .card-deal:after { background: var(--overlay-bg, linear-gradient(180deg, rgba(45, 48, 79, .5) 13.6%, rgba(21, 18, 62, .7))); border-radius: .5rem; z-index: 0 } .card-deal:after, .card-deal__stretch-link:after { content: "" } .card-deal:after, .card-deal__image, .card-deal__stretch-link:after { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100% } .card-deal__image { border-radius: .5rem; overflow: hidden; z-index: 0 } .card-deal__image>img { width: 100%; height: 100%; object-fit: contain } .card-deal__body { position: relative; padding: 1.25rem } .card-deal__title { margin-bottom: .1875rem; font-size: 1.25rem; line-height: 1.3; font-weight: 700 } .card-deal__title a { color: inherit } .card-deal__discount { display: inline-block; position: absolute; top: 0; left: 1.6875rem; padding: .5625rem .875rem; border-radius: 0 0 .25rem .25rem; background-color: #2765ff; color: #000; font-weight: 700 } .card-deal__time { display: none } .card-deal__footer { position: relative; margin-top: .75rem; padding: 1.625rem 1.25rem 1.25rem; border-radius: 0 0 .5rem .5rem; background-color: #072447; color: #fff } .card-deal__footer-item span { display: block; font-weight: 600; font-size: .75rem } .card-deal__footer-item span:first-child { font-size: .625rem; font-weight: 700; color: hsla(0, 0%, 100%, .7) } @media (min-width:576px) { .card-deal__footer-item span { font-size: .75rem } .card-deal__footer-item span:first-child { font-size: .625rem } } .card-deal__time { display: inline-block; position: absolute; top: -.875rem; padding: .5625rem 1rem; border-radius: .5rem; line-height: 1; font-size: .625rem; font-weight: 700; background-color: #2765ff; color: #000 } .card-deals__swiper { height: 100%; padding-bottom: 2.5rem; overflow: unset } @media (min-width:992px) { .card-deals__swiper { padding-bottom: 0 } } .card-deals__swiper .swiper-wrapper { height: 100% !important } .card-deals__swiper .card { height: 100% } .card-deals__swiper .card-deals__2rows { display: flex; flex-direction: column; height: 100% } .card-deals__swiper .card-deals__2rows .card:first-child { margin-bottom: 1.25rem } .card-deals__swiper .swiper-slide { padding-left: .5rem; padding-right: .5rem } .card-deals__swiper .card-deals__swiper-next, .card-deals__swiper .card-deals__swiper-prev { position: absolute; display: inline-block; top: 50%; width: 3rem; line-height: 3rem; text-align: center; background-color: #072447; border-radius: .25rem; color: #fff; opacity: .8; transition: all .3s; transform: translateY(-50%); z-index: 10 } .card-deals__swiper .card-deals__swiper-next.swiper-button-disabled, .card-deals__swiper .card-deals__swiper-prev.swiper-button-disabled { display: none !important } .card-deals__swiper .card-deals__swiper-next:hover, .card-deals__swiper .card-deals__swiper-prev:hover { opacity: 1 } .card-deals__swiper .card-deals__swiper-prev { left: 0 } .card-deals__swiper .card-deals__swiper-next { right: 0 } @media (min-width:1200px) { .card-deals__swiper .card-deals__swiper-prev { left: 0 } .card-deals__swiper .card-deals__swiper-next { right: 0 } } @media (min-width:1360px) { .card-deals__swiper .card-deals__swiper-prev { left: -2.25rem } .card-deals__swiper .card-deals__swiper-next { right: -2.25rem } } .card-deals_2rows { display: flex; flex-direction: column; height: 100% } .card-deals_2rows>.card:first-child { margin-bottom: 1.25rem } section.center .card__body { display: flex; flex-direction: column; justify-content: center } section.end .card__body { display: flex; flex-direction: column; justify-content: end } .card--gradient-cover .card__title { margin-bottom: .75rem; font-size: .75rem } .card-deals__swiper { height: 28.75rem } .card-deals__swiper .swiper-slide { padding-top: .625rem } @media (min-width:1200px) { .card-deals__swiper .card-deals__swiper-next { right: 0 } .card-deals__swiper .card-deals__swiper-prev { left: 0 } } .minHeight-auto-block .css-block { min-height: auto } .minHeight-md-block .css-block { min-height: 34.5625rem } .minHeight-lg-block .css-block { min-height: 40.5625rem } .cardlist .cardlist_selection .cardlist__header .cardlist-filter-slider .irs .irs-line, .cardlist__header { background-color: #fff } .cardlist__header { padding-top: 3rem } .cardlist__title { margin-bottom: 3rem; text-align: center; font-size: 1.875rem; font-weight: 300 } .cardlist__top { padding: 2.3125rem 1rem 2.125rem; border: 1px solid #e4e9f0; border-radius: .5rem; text-align: center } .cardlist__top h3 { margin-bottom: 2.125rem; font-size: 1.125rem; font-weight: 300 } .cardlist__top-right>.btn { margin-bottom: .625rem } .cardlist__top-right>.btn:last-child { margin-bottom: 0 } .cardlist__main { padding-top: 0; padding-bottom: 2.375rem } .cardlist__more-link { padding-top: 1.125rem; text-align: center } @media (min-width:576px) { .cardlist__main { padding-top: 0; padding-bottom: 5.25rem } .cardlist__top-right { display: flex } .cardlist__top-right>.btn { flex: 0 0 50%; margin-bottom: 0 } } @media (min-width:768px) { .cardlist__title { margin-bottom: 3.875rem; font-size: 2.625rem } .cardlist__top { display: flex; justify-content: space-between; align-items: center; padding: 2.25rem 2.25rem 2.125rem; text-align: initial } .cardlist__top h3 { margin-bottom: 0; font-size: 1.875rem } .cardlist__top-right>.btn { flex: 0 0 auto } } @media (min-width:992px) { .cardlist__header { padding-top: 6.25rem } } .cardlist__tabs { border-bottom: none } .cardlist__tabs a[data-toggle=tab] { display: none !important } .cardlist__tabs a[data-toggle=tab]:not(.active) { display: block !important } .cardlist-filter { display: none; justify-content: space-between; align-items: flex-start; padding-top: 4.75rem; padding-bottom: .75rem } .cardlist-filter .cardlist-filter-checkboxes { margin-bottom: 1rem } @media (max-width:767.98px) { .cardlist-filter .cardlist-filter-checkboxes { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin } .cardlist-filter .cardlist-filter-checkboxes>span { flex: auto !important; width: max-content } .cardlist-filter .cardlist-filter-checkboxes>span:empty { display: none !important } } @media (min-width:768px) { .cardlist-filter { display: flex; padding-top: 4rem } } .cardlist-filter-button { display: flex; width: 100%; justify-content: space-between; align-items: center; background-color: #eef2f8 } .cardlist-filter-button span { margin-left: 1rem; margin-right: auto; font-weight: 400; color: #000 } .cardlist-filter-checkboxes { display: flex; flex-wrap: wrap; align-items: flex-start } .cardlist-filter-checkboxes .pill-checkbox { margin-right: .75rem; margin-bottom: .625rem } .cardlist-filter-checkboxes .pill-checkbox span { padding-left: .75rem; padding-right: .75rem } .cardlist-filter-checkboxes .pill-checkbox input:checked+span { background-color: #072447 } .cardlist-filter-slider .irs .irs-line { background-color: #eef2f8 } .cardlist-filter-slider>div { padding-top: 3.375rem } .cardlist-filter-slider--sm { display: flex; width: 26.625rem; margin-top: .1875rem } .cardlist-filter-slider--sm>label { margin-right: 1.25rem; margin-bottom: 0; padding-top: .25rem; font-weight: 600; font-size: .75rem; color: #757575 } .cardlist-filter-slider--sm>div { flex: 1 1 auto; padding-top: 0 } @media (min-width:992px) { .cardlist-filter-slider--sm.cardlist-filter-slider--lg { width: 29.7rem } } .cardlist-filter-modal hr { border-color: #eef2f8 } .cardlist-filter-modal label { margin-bottom: 1.25rem; font-size: 1rem; font-weight: 600 } @media (min-width:768px) { .cardlist-filter-modal .modal-dialog { max-width: 37.5rem } } .cardlist-filter { display: block; padding-top: 1.5rem; padding-bottom: 1.5rem } @media (min-width:992px) { .cardlist-filter { display: flex; padding-top: 4rem } } .cardlist-filter .cardlist-filter-checkboxes { margin-bottom: .5rem } @media (min-width:768px) { .cardlist-filter .cardlist-filter-checkboxes { margin-bottom: .75rem } } .cardlist-filter .cardlist-filter-checkboxes>span:first-child { display: block; flex: 0 0 100%; padding: 0; margin-bottom: .75rem } @media (min-width:992px) { .cardlist-filter .cardlist-filter-checkboxes>span:first-child { display: inline-block; flex: none } } .cardlist-filter-slider--sm { display: block; width: 100% } .cardlist-filter-slider--sm>label { margin-bottom: 4.375rem } @media (min-width:992px) { .cardlist-filter-slider--sm { display: flex; width: 26.625rem } .cardlist-filter-slider--sm>label { margin-bottom: 0 } } .cardlist-filter-slider--lg>label { margin-bottom: 2.7rem } @media (min-width:992px) { .cardlist-filter-slider--lg>label { margin-bottom: 0 } } .cardlist__grid-item { margin-bottom: 1rem } @media (min-width:576px) { .cardlist__grid-item { margin-bottom: 1.25rem } } .cardlist__grid-item--slider-sm { max-width: 19.375rem } @media (min-width:768px) { .cardlist__grid-item--slider-sm { max-width: 100% } } .cardlist__grid-item--hide.hide { display: none } @media (min-width:768px) { .cardlist__grid-item--hide.hide { display: block } } .cc-block { display: flex; flex-direction: column; background-color: #fff; border: 1px solid #e4e9f0; border-radius: .5rem; overflow: hidden } .cc-block--v2 .cc-block__cover { display: flex; align-items: center; justify-content: center; background-color: #fff; border-bottom: 1px solid hsla(0, 0%, 83.1%, .5); height: 10.75rem; overflow: initial } .cc-block--v2 .cc-block__cover picture { max-width: 220px } .cc-block--full-height { height: 100% } .cc-block__cover { position: relative; height: 11.8125rem; background-color: #757575; margin: -1px -1px 0; border-radius: .5rem .5rem 0 0; color: #fff; overflow: hidden; z-index: 1 } .cc-block__compare-checkbox { position: absolute; top: .8125rem; right: .8125rem; font-size: .9375rem } .cc-block__compare-checkbox>span { color: inherit } .cc-block__compare-checkbox>span:before { left: .125rem; top: .125rem; width: 1.125rem; height: 1.125rem; border-color: #b8c3d9 } .cc-block__compare-checkbox>span:after { width: .8125rem; left: .3125rem; border-color: #000 !important } .cc-block__compare-checkbox input:checked+span { font-weight: 400 } .cc-block__compare-checkbox input:checked+span:before { background-color: #fff; border-color: #fff } .cc-block__choice { position: absolute; top: 0; left: .75rem; padding: .4375rem .75rem; text-align: center; font-size: .75rem; border-radius: 0 0 .5rem .5rem; background-color: #2765ff; color: #000; font-weight: 700 } .cc-block__cover-picture { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-bottom: 1px solid #e4e9f0 } .cc-block__cover-picture img { width: 100%; height: 100%; object-fit: cover } .cc-block__cover-picture:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: var(--overlay-bg, linear-gradient(180deg, rgba(12, 11, 27, .9), rgba(32, 31, 42, .19) 86%)) } .cc-block__cover-picture--lighter:before { background-image: var(--overlay-bg, linear-gradient(180deg, rgba(12, 11, 27, .91), rgba(32, 31, 42, .19))); opacity: .4 } .cc-block__cover-picture--no-effect:before { content: none } .cc-block__card { position: relative; display: block; width: 13.75rem; max-width: 95%; margin: -5.6875rem auto 1.5rem; box-shadow: 0 18px 30px -14px rgba(0, 0, 0, .56); border: 1px solid #fff; border-radius: .5rem; z-index: 2 } .cc-block__card img { width: auto } .cc-block__body { padding: 0 1rem 1rem; flex: 1 1 auto } .cc-block__title { margin-bottom: 1.125rem; font-size: 1.125rem; font-weight: 300; text-align: center; line-height: 1.5rem } .cc-block__title small { font-size: 1rem } .cc-block__content h5 { margin-bottom: .375rem; color: #757575; font-size: .75rem; font-weight: 600 } .cc-block__content ul { list-style: none; margin: 0; padding: 0 0 0 .375rem } .cc-block__content ul>li { position: relative; margin-bottom: .4375rem; padding-left: 1.125rem } .cc-block__content ul>li:before { content: ""; position: absolute; left: 0; top: .4375rem; width: .4375rem; height: .4375rem; border-radius: 50%; background-color: #072447 } .cc-block__content--min-height { min-height: 389px } @media (min-width:992px) { .cc-block__content--min-height { min-height: 228px } } .cc-block__content-border { border-bottom: 1px solid #efefef } .cc-block__footer { padding: 0 1rem 1.5rem; border-radius: 0 0 .5rem .5rem } .cc-block__footer-actions { display: flex; margin: 1.5625rem -1.25rem 0; padding: 1.25rem 1.375rem 0; border-top: 1px solid #efefef; justify-content: space-between } .cc-block__footer-actions i { vertical-align: middle } @media (min-width:576px) { .cc-block--medium { min-height: 30rem } .cc-block--smaller { min-height: 33.25rem } .cc-block__cover { height: 12.5rem } .cc-block__choice { left: 2rem } .cc-block__card { margin-top: -6.375rem; margin-bottom: 2.3125rem } .cc-block__body { padding-left: 1.25rem; padding-right: 1.25rem } .cc-block__title { margin-bottom: 1.5rem; font-size: 1.5rem; line-height: 1.75rem } .cc-block__content ul { padding-left: .375rem } .cc-block__footer { padding-left: 1.25rem; padding-right: 1.25rem } } .cc-block--fix-height .cc-block__title { min-height: 2.5rem } @media (min-width:992px) { .cc-block--fix-height .cc-block__title { min-height: 4rem } } .cc-block--sm .cc-block__content hr { margin: 1.125rem 0 } @media (min-width:768px) { .cc-block--sm .cc-block__content hr { margin: 1.6875rem 0 } } @media (max-width:575.98px) { .cc-block--sm .cc-block__cover { height: 11.625rem } .cc-block--sm .cc-block__card { margin-top: -2.8125rem; margin-bottom: 1.625rem; width: 8.4375rem } .cc-block--sm .cc-block__title { margin-bottom: 1.875rem; font-size: 1rem; line-height: 1.25rem; font-weight: 400 } .cc-block--sm .cc-block__body, .cc-block--sm .cc-block__footer { padding-left: .5rem; padding-right: .5rem } .cc-block--sm .cc-block__footer { padding-bottom: 1rem } .cc-block--sm .cc-block__btn { padding-top: .3125rem; padding-bottom: .3125rem } } .cc-block__card { border: 0 } .cc-block .title-image { width: 7.5rem } .cc-block__compare-checkbox input:checked+span { font-weight: 400 !important } .cc-block__compare-checkbox>span { color: inherit !important; font-weight: 400 } .cc-block__compare-checkbox input:checked+span:before { background-color: #fff !important; border-color: #fff !important } .cc-block__compare-checkbox>span:before { left: .125rem !important; top: .125rem !important; width: 1.125rem !important; height: 1.125rem !important; border-color: #b8c3d9 !important; border-radius: .125rem } .cc-block__body a .cc-block__title { color: #000 } .compare-button-container { position: fixed; bottom: 0; right: 8rem; z-index: 99; background-color: #fff; box-shadow: 0 0 20px rgba(51, 51, 51, .3411764705882353); border-radius: .325rem; padding: .8rem 1.7rem; opacity: 0; visibility: hidden; transition: all .3s } .compare-button-container.show { opacity: 1; visibility: visible; bottom: 2rem } .compare-button-container .btn { background-color: #2765ff; color: #000; padding: .6rem 1rem; font-size: .8rem; border-radius: .5rem } .compare-button-container .btn span { background-color: #2765ff; padding: 0 5px; margin-left: 3px } .show_list_btn { cursor: pointer } .cc-blocklist__compare, .selected_cards { display: none } .cc-block__addCard { margin: 3rem auto 0 !important; width: 13.75rem; height: 8rem; display: flex; justify-content: center; align-items: center; box-shadow: 0 0; border: 1px solid #e4e9f0 } .cc-blocklist__compare { max-height: 40rem; overflow-y: scroll } .cc-blocklist__compare ul { padding: 0; margin: 0 } .cc-blocklist--block { margin: .5rem; list-style-type: none; border: 1px solid #e4e9f0; border-radius: .5rem; padding: .5rem; transition: all .1s } .cc-blocklist--block__footer { padding-bottom: 1rem } .cc-blocklist--block:hover { border: 1px solid #bbb } .cc-blocklist--block:hover__btn { padding-top: .3125rem; padding-bottom: .3125rem } .cc-blocklist--link { display: flex; align-items: center } .cc-blocklist--image { max-width: 150px; margin-right: 1rem } .cc-block__blank { align-items: center; justify-content: center; display: flex; height: 8.5rem; background: #fff; margin-top: 2rem; box-shadow: 0 0 0; border: 1px dashed #e4e9f0 } [dir=rtl] .cc-block__content ul>li { padding-left: 1.125rem } [dir=rtl] .cc-block__content ul>li:before { left: 0; right: unset } .js-compare-product-slider .js-compare-swiper-next:after, .js-compare-product-slider .js-compare-swiper-prev:after, .single-slider .single-slider-next:after, .single-slider .single-slider-prev:after { font-size: 1rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } .cc-block__footer .cc-block__footer-actions span { display: flex; align-items: center } @media (max-width:991.98px) { .cards-slider__grid-wrapper { overflow-x: auto; padding-bottom: 2rem } } .cards-slider__grid-wrapper .cards-slider__grid { display: -webkit-inline-box; display: -webkit-box; display: flex; flex-wrap: wrap } @media (min-width:992px) { .cards-slider { -ms-flex-wrap: wrap; flex-wrap: wrap } } .cards-slider__info { width: 10.875rem; font-size: .75rem; font-weight: 300; margin-right: 1rem; -webkit-box-flex: 0; -ms-flex: 0 0 12.8rem } @media (max-width:991.98px) { .cards-slider__info { margin-bottom: 1rem } } .cards-slider__info-icon { margin-bottom: .75rem } .cards-slider__info-icon picture { display: inline-block } .cards-slider__info-icon svg { width: 24px; height: 24px } .cards-slider__info-icon picture img { width: auto; height: auto; max-width: 1.5rem } .cards-slider__info-icon i { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3rem; height: 3rem; text-align: center; border: 1px solid #072447; font-size: 1.125rem; border-radius: 50% } .cards-slider__info-icon i svg { width: 1rem; height: 1rem } .cards-slider__info-title { font-size: 14px; font-weight: 400; color: #072447 } .carousel--section { padding-top: 2rem; padding-bottom: 2rem } @media (min-width:992px) { .carousel--section { padding-top: 0; padding-bottom: 2rem } } .carousel-swiper { position: relative; width: 100%; z-index: 1 } @media (min-width:992px) { .carousel-swiper { min-height: 31.25rem } } .carousel-swiper .swiper { position: static } .carousel-swiper__macbook { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; z-index: 2 } .carousel-swiper .swiper-slide { display: flex; justify-content: center } .carousel-swiper .swiper-slide-next, .carousel-swiper .swiper-slide-prev, .carousel-swiper .swiper-slide:not(.swiper-slide-active) { opacity: .4 } .carousel-swiper .swiper-slide-active .carousel-swiper__description { display: block } @media (min-width:992px) { .carousel-swiper .swiper-slide img { max-width: none } } .carousel-swiper__image { display: flex; justify-content: center; padding-top: .875rem; min-height: 16.875rem } @media (min-width:768px) { .carousel-swiper__image { padding-top: 2rem; min-height: 44.625rem } } .carousel-swiper__description { display: none; max-width: 22.75rem; margin-right: auto; margin-left: auto; padding: 1.5rem 0 2rem; animation-duration: .3s; animation-name: fadeIn } @media (min-width:992px) { .carousel-swiper__description { max-width: 40rem; padding: 3rem 0 } } @media (min-width:992px) and (max-width:1440px) { .carousel-swiper__description { padding: 7.75rem 0 3rem } } .carousel-swiper__description>h3 { max-width: 18.25rem; margin-right: auto; margin-left: auto } @media (min-width:992px) { .carousel-swiper__description>h3 { max-width: none } } .carousel-swiper__button { position: absolute; z-index: 3; top: 5rem; background-color: #072447; width: 2.25rem; height: 2.25rem; transition: all .3s ease } .carousel-swiper__button:hover { opacity: .75 } @media (min-width:768px) { .carousel-swiper__button { top: 14.5rem; width: 3rem; height: 3rem } } .carousel-swiper__button.swiper-prev { left: 0 } .carousel-swiper__button.swiper-next { right: 0 } @media (max-width:767.98px) { .carousel-swiper__button { top: 30%; transform: translateY(-30%) } } .js-swiper-carousel-mobile .swiper-slide-active { transform: scale(1.1, 1.05) !important } .js-swiper-carousel-mobile .carousel-swiper__macbook { top: -1.6rem } @media (min-width:768px) { .js-swiper-carousel-mobile .carousel-swiper__image { min-height: unset } } @media (min-width:992px) { .js-swiper-carousel-mobile .carousel-swiper__description { width: 200%; max-width: 200%; margin-left: -50% } } @media (max-width:767px) { .js-swiper-carousel-mobile .swiper-slide-active { transform: scaleX(1.1) !important } .js-swiper-carousel-mobile .carousel-swiper__button { top: 37% } .js-swiper-carousel-mobile .carousel-swiper__description { padding: 5rem 0 2rem; width: 75% } } @media (max-width:767.98px) { .js-swiper-carousel .carousel-swiper__image { min-height: 21.75rem } } .choose-cards .modal-dialog { max-width: 37.5rem } .choose-cards__progress { height: .25rem; border-radius: .125rem; background-color: #eef2f8; width: 100%; overflow: hidden } .choose-cards__progress-line { height: 100%; border-radius: .125rem; background-color: #003edd } .choose-cards .card { justify-content: stretch; height: calc(100% - 1rem); margin-bottom: 1rem; transition: all .3s; background-color: #eceff7 } .choose-cards .card--action { min-height: 4rem } @media (min-width:768px) { .choose-cards .card--action { min-height: 6.25rem } } .choose-cards .card__content { padding-right: 2.5rem; padding-top: 0; margin: auto 0 } @media (min-width:768px) { .choose-cards .card__content { margin: auto 0 0; padding-top: 1rem } } .choose-cards .card__icon-picture { position: absolute; top: 50%; right: .75rem; transform: translateY(-50%) } @media (min-width:768px) { .choose-cards .card__icon-picture { top: .75rem; transform: none } } .choose-cards .card.disabled, .choose-cards .card.selected { pointer-events: none; opacity: .5 } .choose-cards .card.selected:before { content: ""; background-image: url(https://www.emiratesnbd.com/bundles/svg/icon-star-selected-card.svg); background-size: .625rem; background-repeat: no-repeat; position: absolute; top: .5rem; right: .5rem; width: .625rem; height: .625rem } @media (min-width:768px) { .choose-cards .card.selected:before { background-size: 1rem; top: .75rem; left: 1rem; width: 1rem; height: 1rem } } .choose-cards__step { height: 585px; overflow: hidden auto } .choose-cards__step[data-simplebar] { margin-right: -1rem; padding-right: 1rem } .choose-cards__step .simplebar-track .simplebar-scrollbar:before { width: .313rem } .choose-cards__step .card__body { cursor: pointer; transition: all .3s } .choose-cards__step input { position: absolute; visibility: hidden } .choose-cards__step input:checked+.card__body { background: #072447; color: #fff; cursor: default } .choose-cards__step input:checked+.card__body:after { display: none } .collage__container.swiper { width: 100%; height: auto; overflow-x: hidden } .collage__container .swiper-pagination { position: relative; bottom: unset; left: unset } .collage__card-overlay { position: absolute; border-radius: 10px; left: 0; top: 0; right: 0; bottom: 0; background: var(--overlay-bg, linear-gradient(0deg, rgba(12, 11, 27, .907814) 13.89%, rgba(32, 31, 42, .192123))) } .collage__card { position: relative; border-radius: 10px } .collage__text-block { position: absolute; bottom: 0; color: #fff; width: 100% } .collage__card-header { font-size: 1.5rem; line-height: 1.1; max-width: 100% } @media screen and (max-width:768px) { .collage__card-header { font-size: 1.3rem } } .collage img { border-radius: 10px } .collage__card-quote img { width: 38px; height: 48px } .collage__title { font-size: 2.625rem; font-weight: 300; line-height: 1 } .collage .large-img { max-height: 373px } .collage .small-img { max-height: 248px } @media screen and (max-width:768px) { .collage .small-img { max-height: 373px } .collage__title { font-size: 1.5rem } } .collage__card { margin-bottom: 10px } .collage__card:nth-of-type(3) { left: 24% !important } @media screen and (max-width:768px) { .collage__card:nth-of-type(3) { left: 0 !important } } [dir=rtl] .collage__card:nth-of-type(3) { left: auto !important; right: 24% !important } /*! * jQuery ComboTree Plugin * Author: Erhan FIRAT * Mail: erhanfirat@gmail.com * Licensed under the MIT license * Version: 1.2.1 */ :root { --ct-bg: #fff; --ct-btn-hover: #eef2f8; --ct-btn-active: #ddd; --ct-btn-color: #555; --ct-border-color: #e1e1e1; --ct-border-radius: 5px; --ct-tree-hover: #efefef; --ct-selection: #eef2f8; --ct-padding: 8px; --ct-color: #757575 } .comboTreeWrapper { position: relative; text-align: left !important } .comboTreeInputWrapper { position: relative } .comboTreeArrowBtn { position: absolute; right: 0; bottom: 0; top: 0; box-sizing: border-box; border-radius: 0 var(--ct-border-radius) var(--ct-border-radius) 0; background: var(--ct-border-color); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .comboTreeArrowBtn:hover { background: var(--ct-btn-hover) } .comboTreeArrowBtn:active { background: var(--ct-btn-active) } .comboTreeInputBox:focus+.comboTreeArrowBtn { color: var(--ct-btn-color); border-top: 1px solid var(--ct-selection); border-right: 1px solid var(--ct-selection); border-bottom: 1px solid var(--ct-selection) } .comboTreeArrowBtnImg { font-size: 1.25rem } .comboTreeDropDownContainer { display: none; background: var(--ct-bg); position: absolute; width: 100%; box-sizing: border-box; z-index: 999; max-height: 250px; overflow-y: auto; box-shadow: 0 8px 30px rgba(0, 0, 0, .35); border-radius: 0 0 .75rem .75rem; border-top: 1px solid #072447 } .comboTreeDropDownContainer ul { padding: 0; margin: 0 } .comboTreeDropDownContainer li { list-style-type: none; padding-left: 15px; color: var(--ct-color) } .comboTreeDropDownContainer li .selectable { cursor: pointer } .comboTreeDropDownContainer li .not-selectable { cursor: not-allowed } .comboTreeDropDownContainer li:hover { background-color: var(--ct-tree-hover) } .comboTreeDropDownContainer li:hover ul { background-color: var(--ct-bg) } .comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover { background-color: var(--ct-selection); color: var(--ct-color); border-radius: 2px } span.comboTreeItemTitle { display: block; padding: 3px var(--ct-padding) } .comboTreeDropDownContainer label { cursor: pointer; width: 100%; display: block } .comboTreeDropDownContainer .comboTreeItemTitle input { position: relative; top: 2px; margin: 0 4px 0 0 } .comboTreeParentPlus { position: relative; left: -12px; top: 4px; width: 4px; float: left; cursor: pointer } .comboTreeArrow { position: absolute; top: 50%; right: 15px; width: 15px; height: 15px; transform: translateY(-7.5px); font-size: 1rem; font-weight: 600; color: #596e98 } .multiplesFilter { margin-top: 5px; width: 100%; padding: 15px 30px; box-sizing: border-box; color: #596e98; background: var(--ct-selection); border: none; border-bottom: 1px solid var(--ct-border-color) } .multiplesFilter::placeholder { color: #596e98 } .contact-card-info { display: flex; flex-direction: column; align-items: center; text-align: center } @media (max-width:767.98px) { .contact-card-info { margin-bottom: 2.5rem } } .contact-card-info__icon { max-width: 36px; margin-bottom: 1rem } .contact-card-info__content h3 { font-size: 1.5rem; font-weight: 300 } .contact-card-info__content p { margin-bottom: 0; font-weight: 300 } .contact-card-info__content p a { color: #000 } .contact-card-info__content strong { display: block; margin-top: 1rem } .contact-us__form { width: 75% } @media screen and (max-width:768px) { .contact-us__form { width: 100% } } .countries-table { border-radius: .5rem } .lang-country-dropdown .dropdown-item { padding: .5rem 1.25rem; font-size: 1rem } .country-lang { position: relative } @media (min-width:768px) { .country-lang { height: 590px; padding: 1.5rem 2rem; background-color: #afafaf } } .lang-panel { position: relative; background-color: #fff; padding-bottom: 1rem } .lang-panel__item { display: flex; padding: 0 1rem; transition: all .3s; align-items: center } .lang-panel__item:hover { background-color: #eef2f8 } .lang-panel__flag { margin-right: 1rem } .lang-panel__flag>img { width: 32px; height: 21px; border-radius: 2px } .lang-panel__body { flex: 1 1 auto; padding: 1rem 0; border-bottom: 1px solid #efefef } .lang-panel__item:last-child .lang-panel__body { border-bottom: none } .lang-panel__country { margin-bottom: 2px; font-size: 1rem; font-weight: 600 } .lang-panel__lang { color: #757575; font-size: .875rem; font-weight: 600 } @media (min-width:768px) { .lang-panel { display: inline-block; width: 420px; height: 536px; padding: 1rem; border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); overflow-y: auto } } .country-lang__map { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100% } @media (min-width:768px) { .country-lang__map { display: block } } .card--weblink { min-height: 10.625rem; border: none } .card--weblink .card__body { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 1rem 1rem .875rem } .card--weblink .card__img { margin-bottom: .625rem; text-align: right } .card--weblink .card__title { margin-bottom: .25rem; font-weight: 300; font-size: 1.5rem } @media (min-width:768px) { .currency-converter { margin: .5rem 0 } } .currency-converter__wrapper { padding: 1.5rem 1rem; background: #fff; border-radius: .5rem } @media (min-width:768px) { .currency-converter__wrapper { padding: 2rem } } @media (min-width:768px) { .currency-converter__body, .currency-converter__item { align-items: center } } .currency-converter__switch { padding: 1.5rem 0 } @media (min-width:768px) { .currency-converter__switch { padding: 0; max-width: 192px } } .currency-converter__value { margin-top: .9375rem; min-width: 15rem } @media (min-width:1200px) { .currency-converter__value { margin-top: 0; min-width: 17rem } } .currency-converter__switch-button { display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; background: #eceff7; border-radius: 50%; margin: 0 auto; cursor: pointer } @media (min-width:768px) { .currency-converter__switch-button img { transform: rotate(90deg) } } .currency-converter__link { padding-top: 1.5rem; padding-right: 1.5rem; text-align: center } @media (min-width:992px) { .currency-converter__link { padding-top: 1rem; padding-right: 2rem; text-align: end } } .dashboard__link-box { text-decoration: none; border: 1px solid #ccc; display: block; border-radius: .2rem; padding: 1rem .7rem; height: 100% } .dashboard__link-box:hover { background: #eef2f8 } .enbd-menu .stepper__item { align-items: center } @media (min-width:992px) { .enbd-menu .stepper__number { width: 1rem; height: 1rem; flex: 0 0 1rem } } .enbd-menu .stepper__item.active span:after { content: ""; display: block; position: absolute; width: 1.6rem; height: 1.6rem; border: 2px solid #461e57; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%) } .detail-collapse { display: block } @media (min-width:768px) { .detail-collapse { display: flex; width: 100%; justify-content: space-between } } .detail-collapse--container .collapse-wrapper { margin-bottom: 1rem } @media (min-width:992px) { .detail-collapse--container .collapse-wrapper { margin-bottom: 1.25rem } } @media (min-width:992px) { .detail-collapse--download { margin-bottom: 4.2rem } } .detail-collapse__toggle:after { font-size: 1.3rem; top: 1.4rem; right: 1.2rem } @media (min-width:992px) { .detail-collapse__toggle { font-size: 1.275rem; font-weight: 300; padding: 1.5rem 2rem } .detail-collapse__toggle:after { font-size: 1.4rem; top: 2.56rem; right: 2.25rem } } .detail-collapse__toggle--cards { padding-top: .5rem; padding-right: 3rem; padding-bottom: .3rem } @media (min-width:992px) { .detail-collapse__toggle--cards { padding-top: 1.5rem; padding-right: 2rem; padding-bottom: 1.3rem } .detail-collapse__toggle--cards:after { content: "" } } .detail-collapse__toggle--search { display: none } @media (min-width:992px) { .detail-collapse__toggle--search { display: block; position: absolute; top: 2.2rem; right: 4.25rem; font-size: 1.6rem; color: #072447 } } .detail-collapse__sub-title { color: #757575; font-size: .75rem } @media (min-width:768px) { .detail-collapse__sub-title { display: block; color: #000; font-size: 1rem; padding-top: .6rem } } .detail-collapse__card { display: block; max-height: 11.75rem; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; padding-bottom: 1rem; height: 100%; text-decoration: none !important } @media (max-width:991.98px) { .detail-collapse__card { text-align: center } } @media (min-width:768px) { .detail-collapse__card { padding: 1rem; border: 1px solid #e4e9f0; border-radius: .75rem; max-width: 11.75rem } } .detail-collapse__card .picture { width: 100px; display: flex; justify-content: center } @media (min-width:768px) { .detail-collapse__card .picture { width: 100% } } @media (max-width:991.98px) { .detail-collapse__card .picture { margin: 0 auto } } .detail-collapse__card-name { padding-top: 1rem; max-width: 100px; font-weight: 400; color: #000 } @media (min-width:768px) { .detail-collapse__card-name { max-width: unset } } @media (max-width:991.98px) { .detail-collapse__card-name { margin: 0 auto } } .detail-collapse__search { margin-bottom: 1.5rem } @media (min-width:768px) { .detail-collapse__search { display: none } } .detail-collapse__link-arrow { width: 100%; justify-content: center; margin-top: .625rem } @media (min-width:768px) { .detail-collapse__link-arrow { margin-top: 1.625rem; font-size: .875rem } } .detail-collapse__link-arrow a { text-decoration: none } @media (min-width:768px) { .detail-collapse__content--inner { padding: 0 2rem 2rem } } .js-swiper-dealsCards { padding: .25rem 0; overflow: hidden } .detail-collapse__card-box.swiper-slide { height: 100% } .detail__breadcrumb { display: none } @media (min-width:768px) { .detail__breadcrumb { display: block } } .detail__arrow { display: block; position: absolute; top: 17px; left: 5px; z-index: 2 } @media (min-width:768px) { .detail__arrow { display: none } } .detail-info { max-width: 1332px; margin: 0 auto; padding-bottom: 1rem; position: relative } @media (min-width:768px) { .detail-info { padding: .6rem 1rem 1rem } } @media (min-width:992px) { .detail-info { display: flex } } .detail-info--overlay { background-color: #fff; max-width: 750px; width: 100% } @media (min-width:768px) { .detail-info--overlay { border-radius: .75rem } } .detail-info__wrapper { padding-top: 1.5rem } .detail-info--container { padding: 0 1.5rem 1.5rem } .detail-info__swiper { max-width: 33.125rem; margin: 0 auto } @media (min-width:768px) { .detail-info__swiper { padding-bottom: 1rem } } @media (min-width:992px) { .detail-info__swiper { margin-right: 1.25rem; padding-bottom: 0; margin-bottom: 1rem } } .detail-info__title i { font-size: 1.4rem } .detail-info__title h1 { margin-bottom: 0 !important } .detail-info__title .breadcrumb a { font-weight: 700; color: #596e98 } .detail-info__sub-title { font-size: 1rem } .detail-info__rating { margin: 1.5rem 0 2rem; font-size: 1.25rem } .detail-info__rating i { font-size: 1.2rem; margin-right: .625rem } .detail-info__rating span { font-size: .875rem } @media (min-width:768px) { .detail-info__rating { margin: 0 } } .detail-info__discount { padding: 1rem 1.125rem .5rem 1rem; border-radius: .75rem; background-color: #ffe899; margin: .5rem; font-size: 1rem } .detail-info__discount i { font-size: 1.75rem; margin-right: 1rem; padding-top: 2px; padding-left: 1px } .detail-info__discount--title { font-size: 1.25rem } @media (min-width:992px) { .detail-info__discount { padding: 1rem 1.125rem .9rem 1rem } .detail-info__discount i { margin-right: 1.2rem; padding-top: 0; padding-left: 0 } } .detail-info__information { font-size: 1rem; margin-top: 1.8rem; padding: 0 1.4rem .7rem 2rem } .detail-info__information i { font-size: 1.125rem } .detail-info__information span { font-size: .75rem } @media (min-width:768px) { .detail-info__information { padding: 0 1.4rem 0 2rem; margin-top: 3rem } .detail-info__information i { font-size: 1.5rem } .detail-info__information .loans { width: 32px; height: 32px } } .detail-info__swiper-slide { max-height: 300px; background: #fff; border-radius: .75rem } .detail-info__swiper-slide picture { position: relative } .detail-info__swiper-slide picture:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 104px; background-image: var(--overlay-bg, linear-gradient(180deg, rgba(12, 11, 27, .91), rgba(32, 31, 42, 0))) } @media (min-width:768px) { .detail-info__swiper-slide picture:before { display: none } } @media (min-width:768px) { .detail-info__swiper-slide { max-height: 530px; background: #fff } } @media (min-width:768px) { .detail-info__stars { padding-left: .2rem } } .detail-info__stars .icon-star-dark { color: #072447 } .detail-info__stars .icon-star-light { color: #b8c3d9 } .detail-info .swiper__pagination .swiper-pagination-bullet { background-color: #fff; opacity: .5; box-shadow: 0 0 4px #000 } .detail-info .swiper__pagination .swiper-pagination-bullet-active { opacity: 1 } .detail-info .swiper--images .swiper-slide img { border-radius: 0; height: 300px; object-fit: fill; border: 0 } @media (min-width:768px) { .detail-info .swiper--images .swiper-slide img { height: auto; padding: 1rem; object-fit: contain } } @media (min-width:768px) { .swiper-detail { padding-left: 0; padding-right: 0 } } .information__detail { margin-bottom: 1.2rem; padding: 0 } .information__detail .picture { display: flex; justify-content: center; margin-right: .69rem } @media (min-width:992px) { .information__detail .picture { margin-right: 0 } } @media (min-width:992px) { .information__detail { margin-bottom: 1.5rem } } .information__title { color: #757575 } .information__parag a { display: block; width: 180px } .detail-location__content--inner .atm-branches { height: auto; width: 100%; z-index: 2 } @media (min-width:992px) { .detail-location__content--inner .atm-branches { width: 530px } } .detail-location { position: absolute; bottom: 1rem; width: 100%; background-color: transparent } @media (min-width:992px) { .detail-location { top: 0; left: 0; margin-left: 2rem } } .detail-location .atm-branches__panel { background-color: transparent; overflow-y: hidden } @media (min-width:992px) { .detail-location .atm-branches__panel { background-color: #fff; height: 662px; overflow: auto } } .detail-location__swiper-slide { border-radius: .5rem; margin-right: 1rem; padding: 1rem; background-color: #fff; width: 356px } @media (min-width:992px) { .detail-location__swiper-slide { border-bottom: 1px solid #e7e7e7; padding: 1rem 0 1.1rem; border-radius: 0; margin-right: 0; width: 100% } } @media (max-width:991.98px) { .detail-location__swiper-slide { padding: 1rem; max-width: 100%; min-width: 18rem; height: auto; margin-right: 0 } } @media (min-width:992px) { .detail-location-swiper .swiper-wrapper { display: block } } .detail-location-swiper .detail-location__body { padding: 0 .5rem } .detail-location__map--wrapper { width: 100%; height: 15.375rem } @media (min-width:768px) { .detail-location__map--wrapper { height: 21.375rem } } @media (min-width:992px) { .detail-location__map--wrapper { height: 44.375rem } } .detail-location__map { width: 100%; height: 100% } .detail-location__caption { margin-bottom: .47rem } .detail-location__caption a { color: #000; font-size: 1.25rem; font-weight: 600; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .detail-location__arrow a { font-size: .875rem; text-decoration: none } .detail-location__content--inner { padding: 0; min-height: 32.5rem; position: relative } @media (max-width:991.98px) { .detail-location__caption a { font-size: .95rem } .detail-location__arrow a { font-size: .775rem } } .horizontal_form { background-color: #eef2f8 } .horizontal_form .centered_form { border-radius: .5rem; border: 1px solid #ccc } @media (max-width:991.98px) { .horizontal_form .centered_form { border: none; border-radius: 0 } } .horizontal_form .centered_form .form-group-disabled .form-control, .horizontal_form .centered_form .form-group-disabled .select2-container--bootstrap4 .select2-selection, .horizontal_form .centered_form .form-group-disabled .selectize-control.select-selectize--search .selectize-input input, .horizontal_form .centered_form .form-group-disabled .selectize-control .selectize-input, .selectize-control .horizontal_form .centered_form .form-group-disabled .selectize-input, .selectize-control.select-selectize--search .selectize-input .horizontal_form .centered_form .form-group-disabled input { opacity: 1 !important; background-color: #f5f5f5 !important; color: #52555c !important } .horizontal_form .centered_form .form-group-disabled .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { color: #52555c !important } .horizontal_form .centered_form .form-group-disabled .select2-selection__arrow { display: none } .steps-list { padding: 0; margin: 0; color: #072447 } .steps-list li { list-style: none; margin-bottom: 1rem } .steps-list li:last-child { margin-bottom: 0 } .steps-list__step { background-color: #fff; display: flex; align-items: center; border-radius: .5rem; padding: .725rem 1.425rem } .steps-list__num { font-size: 2.5rem; font-weight: 700; opacity: .3; min-width: 2.5rem } .steps-list__info { font-weight: 700; font-size: .875rem; margin: 0; flex: 1 } .steps-list__info small { display: block; font-weight: 300; font-size: .875rem } .steps-list__icon { max-width: 2.563rem; min-width: 2.563rem } .content-with-image { padding: 5rem 0; position: relative; min-height: 38.5rem; color: #072447 } @media (max-width:767.98px) { .content-with-image.has-overlay { color: #fff } .content-with-image.has-overlay:before { content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .5); background: var(--bg, rgba(0, 0, 0, .5)); z-index: 2 } } .content-with-image>.container { position: relative; z-index: 3 } .content-with-image .floating-image { position: absolute; width: 100%; top: 0; right: 0; height: 100%; z-index: 1 } .content-with-image .floating-image img { object-fit: cover; width: 100%; height: 100% } @media (max-width:767.98px) { .content-with-image.has-mobile { min-height: auto; padding: 3rem 0 120% } .content-with-image.has-mobile .horizontal-logos { justify-content: center } } .horizontal-logos { margin: 0 -1rem } .horizontal-logos img { margin: .5rem 1rem 1rem; max-width: 100% } .facts-highlight { padding: 2rem 0 2.75rem; text-align: center } @media (min-width:768px) { .facts-highlight { text-align: left } } .facts-highlight>.container { max-width: 75rem } @media (min-width:768px) { .facts-highlight { padding-top: 3.5rem; padding-bottom: 3.75rem } } .facts-highlight__wrapper { display: flex; flex-direction: column-reverse; align-items: center; text-align: center } @media (min-width:768px) { .facts-highlight__wrapper { flex-direction: row; justify-content: space-between; text-align: left } } .facts-highlight__row { display: flex; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; align-items: center } .facts-highlight__col { position: relative; width: 100%; padding-right: 1rem; padding-left: 1rem; flex: 0 0 100%; max-width: 100%; text-align: center } @media (min-width:992px) { .facts-highlight__col { flex: 0 0 50%; text-align: left } } @media (min-width:768px) { .facts-highlight__align-Right .facts-highlight__col:first-child { order: 1 } } @media (min-width:768px) { .facts-highlight__content { flex: 0 0 calc(49% - 1rem) } } @media (min-width:1200px) { .facts-highlight__content { flex: 0 0 33.125rem; padding-left: 2.75rem; margin-bottom: .875rem } } .facts-highlight__title { font-size: 1.5rem; line-height: 1.3; font-weight: 300; margin-bottom: .5rem } @media (min-width:768px) { .facts-highlight__title { font-size: 2rem; line-height: 1.2; margin-bottom: .75rem } } .facts-highlight__subtitle { font-size: 1.13rem; line-height: 1.3; font-weight: 300; margin-bottom: 1rem } .facts-highlight__desc { margin-bottom: 1.5rem; line-height: 1.45; padding: 0; display: flex } @media (min-width:768px) { .facts-highlight__desc { margin-bottom: 2.5rem; line-height: 1.2; padding: 0 } } .facts-highlight__desc-icon { margin-right: 1rem } .facts-highlight__desc-text { flex: 1 } .facts-highlight__links { display: flex; flex-direction: column; align-items: center } @media (min-width:768px) { .facts-highlight__links { align-items: flex-start } } .facts-highlight__links>a:not(:last-of-type) { margin-bottom: 1.125rem } .facts-highlight__pic { margin-bottom: 1.5rem } @media (min-width:768px) { .facts-highlight__pic { flex: 0 0 calc(49% - 1rem); margin-bottom: 0 } } @media (min-width:1200px) { .facts-highlight__pic { flex: 1; margin-left: 3.75rem } } .facts-highlight__count { font-size: 2.65rem; line-height: 1.15 } .facts-highlight__count-detail { font-size: .88rem; font-weight: 600; color: #072447 } .facts-highlight__block-lists { display: flex; flex-wrap: wrap; justify-content: center } @media (min-width:768px) { .facts-highlight__block-lists { justify-content: normal } } .facts-highlight__block-list { flex: 0 0 50%; padding-right: 0 } @media (min-width:768px) { .facts-highlight__block-list { padding-right: 2rem; flex: 1 } } .facts-highlight__block-count { font-size: 2.65rem; font-weight: 300; line-height: 1.3 } .facts-highlight__block-detail { font-weight: 600; font-size: .88rem; color: #757575 } .facts-highlight__icon { width: 3rem; height: 3rem; background: #eceff7; padding: .5rem; border-radius: 100px; margin: 0 auto 1rem } @media (min-width:992px) { .facts-highlight__icon { margin: 0 auto 1rem 0 } } .facts-highlight__block-lists { margin: 2rem 0 3rem } .facts-highlight__showcaseImage { margin-bottom: 2rem } .csr-grid .grid-csr.are-images-unloaded { opacity: 0 } .csr-grid .grid__col-sizer, .csr-grid .grid__item { width: 25%; padding: 0 .625rem 1.25rem } .csr-grid .grid__gutter-sizer { width: 10px } .csr-grid .grid-csr.are-images-unloaded .image-grid__item { opacity: 0 } .csr-grid .grid-item--gigante { width: 320px; height: 360px } .csr-grid .grid__item { float: left } .csr-grid .grid__width2 { width: 50% } .csr-grid .grid__width3 { width: 75% } .csr-grid .grid__width4 { width: 100% } .csr-grid .grid__height2 { height: 150px } @media (min-width:768px) { .csr-grid .grid__height2 { height: 500px } } .csr-grid .grid__height2 img { height: 100% } .csr-grid .grid__item img { display: block; max-width: 100%; border-radius: 5%; object-fit: cover } .csr-grid .page-load-status { display: none; padding-top: 20px; border-top: 1px solid #ddd; text-align: center; color: #777 } .csr-grid .grid__item { opacity: 0 } .csr-grid .grid__item.is-visible { -webkit-animation: Items .6s ease-in forwards; animation: Items .6s ease-in forwards } @-webkit-keyframes Items2 { 0% { opacity: 0; height: 0%; padding: 0 } to { opacity: 1 } } @keyframes Items2 { 0% { opacity: 0; height: 0%; padding: 0 } to { opacity: 1 } } @-webkit-keyframes Items { 0% { opacity: 0; transform: scale(.3) rotateY(90deg) } 60% { transform: scale(1.4) } 90% { transform: scale(.9) } to { opacity: 1 } } @keyframes Items { 0% { opacity: 0; transform: scale(.3) rotateY(90deg) } 60% { transform: scale(1.4) } 90% { transform: scale(.9) } to { opacity: 1 } } .fees-charges { font-size: .75rem; position: relative; margin-top: -9.375rem; z-index: 3 } .fees-charges .article-search { margin-bottom: 1.25rem; position: relative } .fees-charges .clear { position: absolute; right: .6rem; top: 50%; transform: translateY(-50%); padding-top: .2rem } .fees-charges .article-search__icon { position: absolute; left: .6rem; top: 50%; transform: translateY(-50%) } .fees-charges .article-search__input { text-align: left; padding-left: 2rem } .fees-charges .container { border-radius: .5rem; width: 90% } .fees-charges .blue-border { border-top: .1875 solid #072447 !important } .fees-charges .remove-border { border-top-left-radius: 0 } .fees-charges .head { position: absolute; top: .5rem; color: #757575; font-size: .7rem } .fees-charges .main { position: absolute; bottom: .75rem } .fees-charges .banking-service .collapse__content--inner, .fees-charges .product-service .collapse__content--inner { border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem; box-shadow: -1px 5px 8px 0 #d4d4d4; -webkit-box-shadow: -1px 5px 8px 0 #d4d4d4; -moz-box-shadow: -1px 5px 8px 0 #d4d4d4; z-index: 4 } .fees-charges .collapsing#banking, .fees-charges .collapsing#product { -webkit-transition-duration: 0s; transition-duration: 0s; visibility: hidden } .fees-charges .collapse__content#banking, .fees-charges .collapse__content#product { max-height: 0 } .fees-charges .collapse__content#banking .collapse__content--inner, .fees-charges .collapse__content#product .collapse__content--inner { border-top: .1875rem solid #072447 } .fees-charges .collapse__content--inner { position: relative } .fees-charges .remove-borders { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .fees-charges .collapse-wrapper ul { list-style-type: none } .fees-charges .collapse-wrapper ul li { cursor: pointer; border-bottom: .0625rem solid hsla(0, 0%, 50.2%, .12941176470588237); color: #757575; padding: .4rem 1.125rem } .fees-charges .collapse-wrapper ul li:hover { background-color: #eef2f8 !important } .fees-charges .download-link img { width: 2rem } .fees-charges .terms-conditions-container p { margin-bottom: 0 !important } .fees-charges .terms-conditions-container img { width: 2rem } .fees-charges .banking-service .collapse__toggle, .fees-charges .product-service .collapse__toggle { padding-bottom: .9rem } .fees-charges .banking-service.collapse-wrapper, .fees-charges .product-service.collapse-wrapper, .fees-charges .table-striped tbody tr:nth-of-type(odd) { background-color: #eef2f8 !important } .fees-charges .table td, .fees-charges .table th { border-top: unset } @media (max-width:576px) { .fees-charges .collapse__content#banking, .fees-charges .collapse__content#product { max-height: unset } } .result-filter { background-color: #eef2f8; border-radius: .5rem; flex-direction: row; margin: 1rem 0 1.5rem } @media (max-width:991.98px) { .result-filter { flex-direction: column } } @media (min-width:992px) { .result-filter .btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } } .result-filter .search-results__form { margin: 0 } @media (max-width:991.98px) { .result-filter__block { max-width: 100% } } .result-filter__dorpdowns { display: flex; align-items: center; justify-content: space-between } @media (max-width:991.98px) { .result-filter__dorpdowns { flex-direction: column; align-items: flex-start; margin-bottom: 2rem } } .result-filter__dorpdowns>div { flex: 1; margin-right: 2rem; padding-right: 1.5rem; border-right: 1px solid #999; cursor: pointer; position: relative } @media (max-width:991.98px) { .result-filter__dorpdowns>div { border-right: none; width: 100%; margin: 0; padding: .7rem 1rem; border-bottom: 1px solid #ccc } } .result-filter__dorpdowns>div:last-child { border-right: none; padding-right: 0; margin-right: 1rem } @media (max-width:991.98px) { .result-filter__dorpdowns>div:last-child { padding-right: 1rem } } .result-filter__dorpdowns p { text-transform: capitalize; margin: 0; position: relative } .result-filter__dorpdowns p:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e969"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; transition: all .3s } .result-filter__dorpdowns .filter__count { background-color: #072447; color: #fff; font-style: normal; padding: .1rem .4rem; border-radius: .1rem; font-size: 10px; font-weight: 600; margin: 0 .3rem } .result-filter__dorpdownList { position: absolute; width: 100%; top: 2.4rem; left: 0; border-radius: 0 0 .5rem .5rem; background-color: #fff; box-shadow: 0 5px 10px #ccc; padding: .5rem 1rem; z-index: 9; border-top: 2px solid #2765ff; max-height: 150px; overflow-y: auto; opacity: 0; visibility: hidden; transition: all .3s; transform: translateY(1rem) } @media (max-width:991.98px) { .result-filter__dorpdownList { top: 2.7rem } } .result-filter__dorpdownList ul { padding: 0; margin: 0 } .result-filter__dorpdownList ul li { list-style: none; padding: .2rem 0 } .result-filter__dorpdownList ul li label { margin: 0 } .result-filter__dorpdownList ul li span { margin: 0 .2rem } .result-filter__dropdownParent.open .result-filter__dorpdownList { visibility: visible; opacity: 1; transform: translateY(0) } .result-filter__dropdownParent.open p:after { transform: rotate(180deg) translateY(5px) } .frc-header+.site-main { min-height: unset } .frc-header .navbar p { font-size: 2rem; font-weight: 300 } .find-right-card__slides .jumbotron__bg:before { background: #191919; mix-blend-mode: normal; opacity: .6 } .find-right-card__slides .search-bar__suggestions-item span { color: #757575 } .find-right-card__slides .search-bar__suggestions-item .active { color: #fff; background-color: #072447 } .find-right-card__slides .search-bar__suggestions-item .active span { color: #fff } .find-right-card__slides .search-bar__suggestions-item .gray-out { color: #fff; opacity: .5; cursor: default } .find-right-card__slides .search-bar__suggestions-item .selected { color: #fff; opacity: .5; cursor: default; background-color: #072447 } .find-right-card__slides .search-bar__suggestions-item .selected span { color: #fff } .find-right-card__slides .collapse__toggle:after { top: 50%; transform: translateY(-50%) } .find-right-card__slides .collapse-wrapper { background-color: inherit } .find-right-card__slides .pill-checkbox--white>span { background-color: #eee } .find-right-card__slides .pill-checkbox>span { color: #000 } .find-right-card__slides .answer-container p { font-size: 1.2rem } .find-right-card__slides .sub-title { text-transform: uppercase; color: #596e98; font-size: .75rem } .find-right-card__slides .description { font-size: .875rem } .find-right-card__slides .card-name { font-size: 1.125rem; min-height: 6.5rem } .find-right-card__slides .type { font-size: .75rem; font-weight: 400; color: #757575 } .find-right-card__slides .col-heading { font-size: 1.125rem } .find-right-card__slides .col-subheading { font-size: .75rem } .find-right-card__slides .col-right__description { font-size: .875rem } #frc-form .float-label.float-label-bright.active label { color: grey } #frc-form .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder { color: #596e98 } .frc-progress.progress-container { height: .375rem } .frc-progress .progress-percent { width: 100%; height: 100%; background: #ffb800 } @media screen and (max-width:768px) { .frc-header .navbar p { font-size: 1.125rem } .find-right-card__slides.jumbotron { padding-top: 0; margin-top: 0 } .find-right-card__slides .jumbotron__content h4 { font-size: 1.25rem } .find-right-card__slides .jumbotron__content .fs-18 { font-size: .875rem } .find-right-card__slides h2 { font-size: 1.5rem } .find-right-card__swiper { overflow-x: hidden } .find-right-card .pill-checkbox .selected { color: #fff; opacity: .5; cursor: default; background-color: #072447 } .find-right-card__slides .mobile-bg-img { background-size: 100%; background-repeat: no-repeat; min-height: 12rem; background-image: url(../../images/mobile-holder.html) } } .swiper-forex-cards-wrapper { width: 79.5rem; max-width: 100%; margin-left: auto; margin-right: auto } .swiper-forex-cards { margin-left: -.625rem; margin-right: -.625rem } .swiper-forex-cards .swiper-slide { width: auto; padding-left: .625rem; padding-right: .625rem } .swiper-forex-cards .swiper-pagination { display: block } @media (min-width:1300px) { .swiper-forex-cards .swiper-pagination { display: none } } .card-forex { display: flex; align-items: center; justify-content: center; width: 8.75rem; padding: 1rem .625rem; border-radius: .5rem; background-color: #eef2f8; font-weight: 600 } .card-forex .card-forex-currency { padding-right: 1rem } .card-forex .card-forex-currency img { width: 100% } .card-forex .card-forex-currency span { display: block; margin-top: .1875rem; font-size: .6875rem; font-weight: 700 } .card-forex .card-forex-price { display: flex; text-align: right; flex-direction: column } .card-forex .card-forex-price>div { padding-left: .75rem } .card-forex .card-forex-price>div:first-child { padding-bottom: .625rem; border-bottom: 1px solid rgba(0, 0, 0, .1) } .card-forex .card-forex-price>div:last-child { padding-top: .75rem } .card-forex .card-forex-price>div>span { display: block } .card-forex .card-forex-price>div>span:first-child { line-height: 1.1; font-size: .75em; color: #596e98 } .world-currencies .marquee { direction: ltr } @media (min-width:992px) { .world-currencies .swiper-wrapper { justify-content: center } } .world-currencies .card-forex { width: 7.5rem; justify-content: space-between; padding: .75rem .625rem } @media (min-width:768px) { .world-currencies .card-forex { width: 8.75rem; min-height: 8.75rem; padding: 1rem } } .world-currencies .card-forex .card-forex-price>div:first-child { padding-bottom: .2rem; border-bottom: 1px dashed rgba(0, 0, 0, .1) } @media (min-width:768px) { .world-currencies .card-forex .card-forex-price>div:first-child { padding-bottom: .875rem; border-bottom: 1px solid rgba(0, 0, 0, .1) } } .world-currencies .card-forex .card-forex-price>div:last-child { padding-top: .375rem } @media (min-width:768px) { .world-currencies .card-forex .card-forex-price>div:last-child { padding-top: 1rem } } .world-currencies .card-forex .card-forex-currency { padding-right: .5rem } @media (min-width:768px) { .world-currencies .card-forex .card-forex-currency { padding-top: 1.375rem; padding-right: 1rem } } .world-currencies .card-forex .card-forex-currency span { margin-top: .5rem; font-size: .625rem } .world-currencies_card-mobile .swiper-wrapper { justify-content: start } .world-currencies_card-mobile .card-forex { padding: .625rem } @media (min-width:768px) { .world-currencies_card-mobile .card-forex { padding: 1rem } } .world-currencies_card-mobile .card-forex .card-forex-price>div { padding-right: .2rem } .world-currencies_card-mobile .card-forex .card-forex-price>div:first-child { padding-bottom: .1rem } @media (min-width:768px) { .world-currencies_card-mobile .card-forex .card-forex-price>div:first-child { padding-bottom: .875rem } } .world-currencies_card-mobile .card-forex .card-forex-currency { padding-right: .5rem; padding-top: .7rem } @media (min-width:768px) { .world-currencies_card-mobile .card-forex .card-forex-currency { padding-top: 1.375rem; padding-right: 1rem } } .world-currencies_card-mobile .card-forex .card-forex-currency span { margin-top: .2rem } .world-currencies_card-mobile .swiper-forex-cards .swiper-slide { padding-left: .45rem; padding-right: .45rem } @media (min-width:992px) { .world-currencies_card-mobile .swiper-forex-cards .swiper-slide { padding-left: .625rem; padding-right: .625rem } } .world-currencies_card-mobile .swiper-forex-cards .swiper-pagination { bottom: 5px } @media (min-width:1300px) { .world-currencies_card-mobile .swiper-forex-cards .swiper-pagination { bottom: 0 } } .foreign-exhange-page .section__title { padding-bottom: 3rem !important } .foreign-exhange-page .ccbenefits--large { margin-top: 4rem !important } .foreign-exhange-page .card-detail-section.no-padding { padding-bottom: 0 !important; padding-top: 0 !important } .foreign-exhange-page .jumbotron__title { padding-top: 1.5rem !important } .js-forex-cards .swiper-slide { width: auto } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function: linear } html[dir=rtl] .card-forex .card-forex-price { text-align: left } html[dir=rtl] .card-forex .card-forex-price>div { padding-right: .75rem; padding-left: 0 } html[dir=rtl] .selectize-control.rtl.single .selectize-input:after { right: 1rem; left: auto } .frequently-tasks__row { display: block } @media (min-width:992px) { .frequently-tasks__row { display: flex } .frequently-tasks__row>.col:first-child { flex: 0 0 26%; max-width: 26% } .frequently-tasks__row>.col:last-child { flex: 0 0 74%; max-width: 74% } } @media (min-width:992px) { .frequently-tasks--accordions .frequently-tasks__row>.col:first-child { flex: 0 0 24.75%; max-width: 24.75% } .frequently-tasks--accordions .frequently-tasks__row>.col:last-child { flex: 0 0 75.25%; max-width: 75.25% } } .frequently-tasks__title { margin-bottom: .75rem; font-weight: 400; font-size: 24px; text-align: center } @media (min-width:768px) { .frequently-tasks__title { margin-bottom: 1rem; text-align: left } } @media (min-width:992px) { .frequently-tasks__title { font-size: 2.625rem } } .frequently-tasks__title>br { display: none } @media (min-width:1200px) { .frequently-tasks__title>br { display: block } } .frequently-tasks__desc { font-weight: 300; font-size: 18px; text-align: center } @media (min-width:768px) { .frequently-tasks__desc { text-align: left } } @media (max-width:991.98px) { .frequently-tasks .card--icon .card__content { padding-top: 0 } } .frequently-tasks__list { max-width: 100%; margin: 0 auto 1.5rem; padding: 0; list-style: none } @media (min-width:768px) { .frequently-tasks__list { width: 25rem; margin: 0 } } .frequently-tasks__list>li { position: relative; padding-left: 2.5rem; font-weight: 600 } @media (min-width:768px) { .frequently-tasks__list>li { padding-bottom: 1rem } } .frequently-tasks__list>li span { display: block; border-bottom: 1px dashed #072447 } @media (min-width:768px) { .frequently-tasks__list>li span { padding-bottom: 1rem } } .frequently-tasks__list>li i { position: absolute; left: 0; font-size: 1.375rem } .frequently-tasks__list>li .frequently-tasks__list-icon { position: absolute; left: 0; width: 1.375rem } .frequently-tasks__list>li .salary-transfer__list-icon { width: 1.5rem } .frequently-tasks__list>li:last-child { padding-bottom: 0 } .frequently-tasks__list>li:last-child span { border-bottom: none } .frequently-tasks__swiper { padding-bottom: 2.5rem } @media (min-width:992px) { .frequently-tasks__swiper { padding-bottom: 0 } } .frequently-tasks__swiper .swiper-wrapper { height: 100% !important } .frequently-tasks__swiper .swiper-slide { max-width: 100%; padding: 0 .625rem } .frequently-tasks__swiper .swiper-slide .card { width: 100%; margin-left: auto; margin-right: auto } @media (min-width:768px) { .frequently-tasks__swiper .swiper-slide .card { max-width: none; margin-left: 0; margin-right: 0 } } .frequently-tasks__swiper .card { height: 100% } .frequently-tasks__swiper .card__content-2-column-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .frequently-tasks__swiper .card__body { padding: 1.25rem } .frequently-tasks__swiper .card__icon { margin-top: -1.25rem; margin-left: -1.25rem; margin-right: -1.25rem; padding-top: .75rem; padding-left: .75rem; padding-right: .75rem } .frequently-tasks__swiper .frequently-tasks__2rows { display: flex; flex-direction: column; height: 100% } .frequently-tasks__swiper .frequently-tasks__2rows .card:first-child { margin-bottom: 1.25rem } .frequently-tasks__swiper>.swiper-pagination-bullets { bottom: 0; left: 0; right: 0 } .frequently-tasks__swiper>.swiper-pagination-bullets span { margin: 0 .3rem } .frequently-tasks--bg { background-color: #d3dae5 } .frequently-tasks--bg--darken { background-color: #d3dae6 } .frequently-tasks--bg .frequently-tasks__swiper .swiper-pagination-bullet { background-color: #fff; opacity: .5; width: .375rem; height: .375rem } @media (min-width:768px) { .frequently-tasks--bg .frequently-tasks__swiper .swiper-pagination-bullet { width: .5rem; height: .5rem } } .frequently-tasks--bg .frequently-tasks__swiper .swiper-pagination-bullet-active { opacity: 1 } @media screen and (max-width:768px) { .frequently-tasks-v1 .frequently-tasks__desc { font-size: 1.875rem !important } } .bg-white .frequently-tasks__swiper .card__body { background: #eef2f8 } .frequently-tasks__swiper { overflow-x: hidden } .frequently-tasks__swiper .card { overflow-y: auto } @media screen and (max-width:768px) { .frequently-tasks__desc { font-size: 1.2rem } .section_support { padding-top: 2rem; padding-bottom: 2rem } .section_support .frequently-tasks__swiper+div { color: #757575 } .section_support .frequently-tasks__swiper+div a { text-decoration: underline; font-weight: 600; color: #072447 } .section_support .frequently-tasks__swiper+div strong { display: block; color: #000 } .frequently-tasks__desc { font-size: 1rem !important } } @media (min-width:992px) { .frequently-tasks__row>.col-lg-4 { flex: 0 0 26%; max-width: 26% } .frequently-tasks__row>.col-lg-8 { flex: 0 0 74%; max-width: 74% } } .help .section__title { margin-bottom: .75rem } .help .support-search__mic { display: block } .help .support-search__reset { display: none } .help .card { height: 100% } .help .card__title { color: #000; font-weight: 300 } .help .col-md-3 { margin-bottom: 1rem } @media screen and (max-width:768px) { .help .card { border: none !important; border-bottom: 1px solid #d4d4d4 !important; border-radius: 0 } .help .card__title { font-size: 1rem } .help .card--icon { min-height: unset } } .highlights-cards { padding-bottom: 2rem } @media (min-width:768px) { .highlights-cards { padding-bottom: 5rem } } .highlights-cards--with-banner { margin-top: 0 } @media (min-width:768px) { .highlights-cards--with-banner { margin-top: -6.5rem } } .highlights-cards--with-banner__mtn-mobile { margin-top: -2rem } @media (min-width:768px) { .highlights-cards--with-banner__mtn-mobile { margin-top: 0 } } @media (max-width:767.98px) { .highlights-cards--with-banner .card--highlight { max-width: 356px; margin-left: auto; margin-right: auto; width: 100% } } .highlights-cards__2rows { display: flex; flex-direction: column; height: 100% } @media screen and (max-width:768px) { .card--highlight_large { min-height: unset } } .history-board { padding: 2rem 0 2.75rem } .history-board>.container { max-width: 75rem } @media (min-width:768px) { .history-board { padding-top: 3.5rem; padding-bottom: 3.75rem } } .history-board__wrapper { display: flex; flex-direction: column-reverse; align-items: center; text-align: center } @media (min-width:768px) { .history-board__wrapper { flex-direction: row; justify-content: space-between; text-align: left } } @media (min-width:768px) { .history-board__content { flex: 0 0 calc(49% - 1rem) } } @media (min-width:1200px) { .history-board__content { flex: 0 0 33.125rem; padding-left: 2.75rem; margin-bottom: .875rem } } .history-board__title { font-size: 1.5rem; line-height: 1.3; font-weight: 300; margin-bottom: .5rem } @media (min-width:768px) { .history-board__title { font-size: 2rem; line-height: 1.2; margin-bottom: .75rem } } .history-board__desc { margin-bottom: 1.5rem; line-height: 1.45; padding: 0 2rem } @media (min-width:768px) { .history-board__desc { margin-bottom: 2.5rem; line-height: 1.2; padding: 0 } } .history-board__links { display: flex; flex-direction: column; align-items: center } @media (min-width:768px) { .history-board__links { align-items: flex-start } } .history-board__links>a:not(:last-of-type) { margin-bottom: 1.125rem } .history-board__pic { margin-bottom: 1.5rem } @media (min-width:768px) { .history-board__pic { flex: 0 0 calc(49% - 1rem); margin-bottom: 0 } } @media (min-width:1200px) { .history-board__pic { flex: 1; margin-left: 3.75rem } } .horizontal_steps { padding: 1.5rem .5rem !important; transition: all .3s; position: fixed; top: 80px; z-index: 999; border-bottom: 1px solid #eef2f8 } .horizontal_steps+div { margin-top: 126px } @media (max-width:767.98px) { .horizontal_steps { padding: 1rem !important; top: 65px } .horizontal_steps+div { margin-top: 66px } } .horizontal_steps ul { display: flex; align-items: flex-start; justify-content: center; padding: 0; position: relative; margin-bottom: 0 } @media (max-width:767.98px) { .horizontal_steps ul { align-items: flex-start; justify-content: flex-start } .horizontal_steps ul:before { content: ""; border: 1px solid #d4d4d4; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100% } } .horizontal_steps ul li { list-style: none; font-size: 1rem; text-align: center; position: relative; width: 30%; color: #ccc; font-size: 14px } .horizontal_steps ul li.active { color: #000 } .horizontal_steps ul li.active:before { background: url(../../../assets/enbd/images/pencil.png) no-repeat #072447; background-size: 30%; background-position: 50% } .horizontal_steps ul li.active:after { border-color: #072447 } .horizontal_steps ul li.completed { font-weight: 600; color: #000 } .horizontal_steps ul li.completed:before { background: url(../../../assets/enbd/images/check.png) no-repeat #2765ff; background-size: 30%; background-position: 50% } .horizontal_steps ul li.completed:after { border-color: #2765ff } .horizontal_steps ul li:before { content: ""; display: block; width: 3rem; height: 3rem; margin: 0 auto .5rem; border-radius: 50%; position: relative; z-index: 9; background: url(../../../assets/enbd/images/loading.png) no-repeat #d4d4d4; background-size: 30%; background-position: 50% } .horizontal_steps ul li:after { content: ""; border: 1px solid #d4d4d4; position: absolute; width: 100%; top: 1.5rem; left: 50% } .horizontal_steps ul li:last-child:after { display: none } @media (max-width:767.98px) { .horizontal_steps ul li { font-size: 0; width: auto; margin: 0 .25rem } .horizontal_steps ul li:before { width: 2rem; height: 2rem; margin-bottom: 0; text-align: left } .horizontal_steps ul li:after { top: .7rem; display: none } .horizontal_steps ul li.active { font-size: .8rem; display: flex; align-items: center; padding-right: 1rem; background-color: #fff; margin-right: auto; text-align: left } .horizontal_steps ul li.active:before { margin-right: .5rem } } @media (max-width:991.98px) { .step-nav.ipo-step-body { padding-top: 0 } } .step-nav h2 { font-size: 18px } .step-nav h4 { font-size: 14px } .step-nav--container { justify-content: space-between } .step-nav--item { flex: 1; background-color: #e8edff; height: 5px; border-radius: 10px } .step-nav--item.active { background-color: #45a573 } .step-nav.step-nav-v2 .step-nav--container { position: relative } @media (max-width:991.98px) { .step-nav.step-nav-v2 .step-nav--container { padding: .4rem .3rem 0; overflow-x: hidden } } .step-nav.step-nav-v2 .step-nav--container:before { height: 5px; width: 100%; position: absolute; left: 0; top: 46%; transform: translateY(-75%); background-color: #e8edff; border-radius: 10px } .step-nav.step-nav-v2 .step-nav--item { background-color: transparent; height: auto; border-radius: 0; position: relative } .step-nav.step-nav-v2 .step-nav--item:before { content: attr(data-count); display: block; width: 30px; height: 30px; margin: 0 0 .5rem; border-radius: 50%; position: relative; z-index: 2; background-color: #e8edff; color: #ccc; text-align: center; line-height: 2.1 } @media (max-width:767.98px) { .step-nav.step-nav-v2 .step-nav--item:before { width: 20px; height: 20px; font-size: 12px; line-height: 1.6 } } .step-nav.step-nav-v2 .step-nav--item:after { content: ""; width: 100%; height: 5px; background-color: #e8edff; top: 46%; transform: translateY(-75%); position: absolute } @media (max-width:767.98px) { .step-nav.step-nav-v2 .step-nav--item:after { transform: translateY(-90%) } } .step-nav.step-nav-v2 .step-nav--item.complete:before { background-color: #45a573; color: #fff } .step-nav.step-nav-v2 .step-nav--item.complete:after { background-color: #45a573 } .step-nav.step-nav-v2 .step-nav--item.current:before { background-color: #009cde; color: #fff } .step-nav.step-nav-v2 .step-nav--item.current:after { background-color: #009cde } .step-nav.step-nav-v2 .step-nav--item:last-child:after { display: none } .how-works-container { margin-bottom: 3rem } @media (min-width:992px) { .how-works-container { margin-bottom: 4rem } } .how-works__caption { text-align: center; font-weight: 300; margin-bottom: 1.5rem; margin-top: 3.2rem } @media (min-width:768px) { .how-works__caption { text-align: start; font-weight: 400; font-size: 1.875rem; margin-top: 4rem } } .how-works__wrapper { border-radius: .75rem; background-color: #fff; min-height: 92px } .how-works__inner { padding: 1rem; font-size: 1rem } @media (min-width:768px) { .how-works__inner { padding: 1.8rem 2rem 2.2rem; font-size: 1.5rem } } @media (min-width:768px) { .how-works__content { padding-left: 1.3rem } } .how-works__title { font-weight: 600 } @media (min-width:768px) { .how-works__title { font-weight: 300; margin-bottom: .5rem } } .how-works span { display: block; line-height: 18px; font-size: .75rem; font-weight: 300 } @media (min-width:768px) { .how-works span { font-size: .875rem; font-weight: 400 } } .how-works i { font-size: 1.25rem; color: #072447 } @media (min-width:768px) { .how-works i { font-size: 3rem; align-items: center } } .how-works__img { margin-right: .75rem } @media (min-width:768px) { .how-works__img { padding-top: .5rem } } .how-works .card__picture { max-width: 24px } @media (min-width:768px) { .how-works .card__picture { max-width: 40px } } .how-works .how-works__inner i { font-size: 1.5rem } @media (min-width:768px) { .how-works .how-works__inner i { font-size: 2.5rem } } @media (max-width:991.98px) { .how-works .how-works__inner .how-works__content { padding-left: .875rem } } @media (max-width:767.98px) { .how-works .how-works__inner { flex-direction: column; align-items: center; text-align: center } .how-works .how-works__inner>picture { margin-bottom: .5rem } } .tab-content .how-works-container .how-works { padding-left: 0; padding-right: 0 } .tab-content .how-works-container .how-works .how-works__title { font-weight: 300 } .image-gallery .selectize-input { background-color: #fff !important } .image-gallery .collage img { padding: .2rem; border-radius: .5rem } .invest--section { padding: 2.125rem 0 } @media (min-width:768px) { .invest--section { padding: 5rem 0 } } .invest--section>.container { max-width: 70rem } .invest-wrapper { margin-top: 1rem } @media (min-width:768px) { .invest-wrapper { display: flex; justify-content: space-between; align-items: center; margin-top: 8rem } } .invest-wrapper__graph { margin-top: 2.5rem } @media (min-width:768px) { .invest-wrapper__graph { margin-top: 0; flex: 0 0 50% } } @media (min-width:992px) { .invest-wrapper__graph { flex: 0 0 28rem; margin-right: 1.375rem; margin-left: 1.375rem } } .invest-wrapper__graph-chart { display: flex; justify-content: center; max-width: 18.75rem; margin: 0 auto } @media (min-width:992px) { .invest-wrapper__graph-chart { display: block; margin: 0 .5rem 1.5rem; max-width: 22.5rem } } .invest-wrapper__graph-info { display: flex; margin: 0 .5rem .75rem } @media (min-width:992px) { .invest-wrapper__graph-info { margin: 0 0 1rem } } .invest-wrapper__graph-info-wrapper { display: flex; justify-content: space-around; flex-wrap: wrap; margin: 1.5rem -.5rem 0; padding: 0 2rem } @media (min-width:992px) { .invest-wrapper__graph-info-wrapper { display: inline-grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.375rem; margin: 0; padding: 0 } } .invest-wrapper__graph-info--flex-mob { display: flex } @media (min-width:992px) { .invest-wrapper__graph-info--flex-mob { display: block } } .invest-wrapper__graph-info-circle { width: .75rem; height: .75rem; border-radius: 50%; margin-right: .5rem } .invest-wrapper__graph-info-name { font-size: .75rem; font-weight: 600; line-height: 1.2; color: #757575; margin-bottom: 0 } .invest-wrapper__graph-info-name:after { content: ":" } @media (min-width:992px) { .invest-wrapper__graph-info-name:after { content: none } } .invest-wrapper__graph-info-percent { font-size: .75rem; font-weight: 600; line-height: 1.2; margin-bottom: 0 } @media (min-width:992px) { .invest-wrapper__graph-info-percent { font-size: 1.875rem; font-weight: 400 } } .invest-wrapper__content { margin-top: .75rem; padding: 0 1rem } @media (min-width:768px) { .invest-wrapper__content { margin-top: 0; margin-left: 1rem; padding: 0 } } @media (min-width:992px) { .invest-wrapper__content { flex: 1; margin-bottom: 1.75rem; margin-left: 3.875rem } } .invest-wrapper__content-title { font-size: 1.5rem; line-height: 1.3; font-weight: 300; text-align: center; margin-bottom: .5rem } @media (min-width:768px) { .invest-wrapper__content-title { font-size: 2rem; line-height: 1.2; text-align: left; margin-bottom: .75rem } } .invest-wrapper__content-desc { margin-bottom: 1.5rem; line-height: 1.45; text-align: center } @media (min-width:768px) { .invest-wrapper__content-desc { margin-bottom: 2.25rem; line-height: 1.2; text-align: left } } .invest-wrapper__content-wrapper { display: flex; align-items: flex-start; margin-bottom: 1.5rem } @media (min-width:768px) { .invest-wrapper__content-wrapper { margin-bottom: 2.25rem } } .invest-wrapper__content-toggle { flex: 0 0 2.25rem; margin-right: .75rem; cursor: pointer; transition: all .3s ease } @media (min-width:992px) { .invest-wrapper__content-toggle { flex: 0 0 3rem; margin-right: 1.5rem } } .invest-wrapper__content-toggle:hover { opacity: .75; transform: translateY(-4px) } .invest-wrapper__content-toggle:active, .invest-wrapper__content-toggle:focus { opacity: .5 } .invest-wrapper__content-quote { font-size: 1rem; margin-bottom: .5rem; line-height: 1.2 } .invest-wrapper__content-author { font-size: .75rem; font-weight: 600; color: #757575; margin-bottom: 0 } .invest-wrapper__content-links { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center } @media (min-width:576px) { .invest-wrapper__content-links { flex-direction: row; align-items: baseline } } @media (min-width:768px) { .invest-wrapper__content-links { justify-content: flex-start } } @media (min-width:992px) { .invest-wrapper__content-links { display: inline-grid; grid-gap: 3rem; grid-template-columns: repeat(2, 1fr) } } .invest-wrapper__content-links>a:not(:last-of-type) { margin-bottom: 1.125rem } @media (min-width:576px) { .invest-wrapper__content-links>a:not(:last-of-type) { margin-right: 1.125rem } } @media (min-width:992px) { .invest-wrapper__content-links>a:not(:last-of-type) { margin-right: 0; margin-bottom: 0 } } .invest-wrapper #investChart { width: 24rem; height: 24rem; overflow: hidden } @media (min-width:768px) { .invest-wrapper #investChart { width: 26.875rem; height: 26.875rem } } .invest-wrapper #investChart div.google-visualization-tooltip, .invest-wrapper #investChart svg>g:last-child>g:last-child { pointer-events: none } .ipo-detail_banner-logo { position: absolute; right: 1rem; top: 1rem; max-width: 7rem } .ipo-detail_description li:before { background-color: unset; border: 1px solid #072447 } .ipo-detail_subscribe { min-height: unset; margin-top: 0 } .ipo-detail_subscribe .jumbotron__bg:before { background: var(--overlay-bg, linear-gradient(90deg, rgba(0, 0, 0, .095) 21.88%, rgba(0, 0, 0, .665) 63.54%)) } .ipo-detail_subscribe li { padding-left: 1rem } .ipo-detail_subscribe li:before { background-color: unset; border: 1px solid #fff } .ipo-detail_description-logo { position: absolute; top: 1rem; right: 1rem; max-width: 7rem } @media (min-width:992px) { .ipo-detail_banner-img { position: absolute; right: 0 } } .banner .ipo-card__full-width__bg, .banner .ipo-card__full-width__container { margin-bottom: 0 } .ipo-card__full-width { padding-top: 3rem; padding-bottom: 5rem } .ipo-card__full-width__bg { width: 100%; height: 100%; position: absolute; z-index: 0 } .ipo-card__full-width__bg picture { width: 100%; height: 100% } .ipo-card__full-width__bg img { width: 100%; height: 100%; object-fit: cover } .ipo-card__full-width__bg:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .3) } .big-image .promo-detail__logo { width: 100%; max-width: 11rem } .image-with-bg .promo-detail__logo { background: #fff } .image-with-padding .promo-detail__logo { padding: .5rem } .ipo-card__full-width__logo picture { display: inline-block; width: 5rem } .ipo-card__full-width__container { margin-bottom: 3rem } .ipo-detail__content { position: relative } .ipo-card__full-width__banner { max-width: 1920px; margin: 0 auto } @media screen and (min-width:992px) { .ipo-card__full-width__bg:before { background: var(--overlay-bg, linear-gradient(90deg, rgba(30, 61, 70, .9) 20.31%, rgba(30, 61, 70, 0) 65.62%)) } .ipo-detail__content { max-width: 1332px; padding-left: 1rem; padding-right: 1rem; margin: 0 auto } } .ipo-jumbotron { min-height: 30rem } .ipo-jumbotron .jumbotron__content { width: 100% } .ipo-jumbotron .jumbotron__bg:before { background: var(--overlay-bg, linear-gradient(90deg, rgba(0, 0, 0, .095) 21.88%, rgba(0, 0, 0, .665) 63.54%)) } @media (min-width:992px) { .ipo-featured-section.half-width__overlay .jumbotron__bg:before { background: var(--overlay-bg, linear-gradient(90deg, rgba(79, 80, 99, .8) 30.73%, rgba(0, 0, 0, .08) 77.08%)) } } .ipo-featured-section .card-body { min-height: 32rem; z-index: 2 } .ipo-jumbotron-bottom .jumbotron__content { padding-left: 5rem } .ipo-jumbotron-bottom .jumbotron__bg:before { background: var(--overlay-bg, linear-gradient(90deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .7))) } .ipo-offering .ipo-offering-logo { position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); width: 7.625rem; height: 7.625rem; padding: 5px; background: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .10196078431372549); display: flex } .ipo-offering .ipo-offering-logo img { width: 100%; height: 100%; object-fit: contain } .ipo-offering .card__picture { display: block; overflow: hidden; height: 0; padding-bottom: 55% } .ipo-offering .card__picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover } .ipo-subscription-steps .ipo-offering-logo { display: inline-block; max-width: 110px; background-color: #fff; padding: 24px; border-radius: 50% } @media screen and (max-width:768px) { .ipo-jumbotron { margin-top: 0 } .ipo-featured-section .container { padding-right: 1rem; padding-left: 1rem } .ipo-featured-section .card-quiz .card-body { padding-right: 1.25rem } .ipo-jumbotron-bottom { padding-top: 0 } .ipo-jumbotron-bottom .jumbotron__content { padding-left: 0 } } .top-0 { top: 0 !important } .life-supports { overflow: hidden; padding-top: 4rem; padding-bottom: 4rem } @media (min-width:992px) { .life-supports { padding-top: 8%; padding-bottom: 8% } } .swiper-life-supports { padding-top: 1rem; overflow: visible } .swiper-life-supports .swiper-slide { display: flex; flex-direction: column; width: 11.375rem; max-width: 45%; height: auto; padding: .5rem } .swiper-life-supports .card { height: 100% } .swiper-life-supports .card__content { padding-top: 4% } .swiper-life-supports .card__body { padding: .75rem } @media (min-width:400px) { .swiper-life-supports { max-width: 100% } .swiper-life-supports .card__content { padding-top: 1.5rem } } @media (min-width:1300px) { .swiper-life-supports .swiper-pagination { display: none } } .swiper-life-supports .swiper-pagination-bullet { background: #fff; opacity: .5 } .swiper-life-supports .swiper-pagination-bullet-active { opacity: 1 } .support-link-icon { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 1rem; border-radius: .375rem; border: 1px solid hsla(0, 0%, 100%, .5); background-color: hsla(0, 0%, 100%, .15); color: #fff; font-size: .875rem; line-height: 1.4; font-weight: 600 } .support-link-icon:hover { color: #fff; border-color: #fff; background-color: hsla(0, 0%, 100%, .35) } .support-link-icon>i { display: inline-block; margin-bottom: .5rem; font-size: 1.75rem } .support-link-icon img { width: 1.25rem; height: 1.25rem } @media (min-width:576px) { .support-link-icon { padding: 1.5rem; font-size: 1rem } .support-link-icon>i { margin-bottom: 1rem; font-size: 1.25rem } } .loan-types .select2-container { width: unset; display: inline-block } .loan-types .select2-selection__rendered { font-weight: 600; color: #072447 !important; font-size: 1.5rem } .loan-types .select2-selection.select2-selection--single { padding-left: 0 } .loan-types .select2-selection.select2-selection--single:active, .loan-types .select2-selection.select2-selection--single:focus { box-shadow: unset !important } .loan-types .loan-types__cards-text { color: #072447; margin-top: .8rem } .borrow { background-color: #fff; padding: 2.5rem 0 } @media (min-width:768px) { .borrow { padding: 3.5rem 0 } } .borrow__text { text-align: center; margin-bottom: 2rem } @media (min-width:768px) { .borrow__text { text-align: left } } @media (min-width:992px) { .borrow__text { margin-bottom: 0 } } .borrow__calculator--title { margin-bottom: 4.375rem; font-weight: 300; font-size: 1.125rem } @media (min-width:768px) { .borrow__calculator--title { margin-bottom: 2rem; font-size: 1.5rem } } .borrow__calculator--range-slider { margin-top: 2.5rem } .borrow__finish { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid hsla(0, 0%, 45.9%, .2) } .borrow__bullets { display: flex; justify-content: center } @media (min-width:992px) { .borrow__bullets { justify-content: left } } .borrow__bullet { width: .5rem; height: .5rem; border-radius: 50%; background-color: #d4d4d4; margin-right: .5rem } .borrow__bullet.active { background-color: #072447 } .borrow__button { width: 100% } @media (min-width:768px) { .borrow__button { width: auto } } .news { padding: 2rem 0 } @media (min-width:992px) { .news { padding: 6rem 0 } } .news-filter { display: flex; justify-content: space-between; margin-bottom: 1.5rem } .news-filter__left, .news-filter__right { flex: 0 1 50% } .news-filter__left { margin-right: .375rem } .news-filter__right { margin-left: .375rem } .news-filter__right .selectize-control.plugin-floating_label .selectize-input { background-color: #fff } .news-filter__checkboxes { display: none } .news-filter__checkbox { margin-right: .625rem; margin-bottom: .625rem } .news-filter__button { display: flex; align-items: center; width: 100%; text-align: left } .news-filter__button span { display: inline-block; flex: 1 1 auto; margin: 0 .75rem; color: #000 } @media (min-width:768px) { .news-filter { margin-bottom: 2.875rem } .news-filter__right { flex: 0 0 12.5rem; margin-left: 2rem } .news-filter__left { flex: 1 1 auto } .news-filter__checkboxes { display: flex; flex-wrap: wrap; align-items: flex-start; padding-top: .75rem } .news-filter__button { display: none } } .news-filter { margin-bottom: 1.75rem; flex-wrap: wrap } .news-filter__left, .news-filter__right { flex: 1 0 auto; margin-left: 0; margin-right: 0 } .news-filter__left { flex: 1 0 100%; margin-bottom: 12px } .news-filter__button { display: none } .news-filter__checkboxes { display: flex; flex-wrap: wrap; align-items: flex-start; padding-top: .75rem } @media (min-width:768px) { .news-filter { flex-wrap: nowrap } .news-filter__right { flex: 0 0 12.5rem; margin-left: 2rem } .news-filter__left { flex: 1 1 auto } } .news-card { display: flex; position: relative; flex-direction: column; height: 100%; background-color: #fff; border-radius: .5rem } .news-card__stretch-link:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100% } .news-card__picture { display: block; height: 6.625rem; border-radius: .5rem .5rem 0 0; overflow: hidden } .news-card__picture>img { width: 100%; height: 100%; object-fit: cover } .news-card__body { flex: 1 1 auto; min-height: 6.25rem; padding: 1.125rem 1rem 1rem } .news-card__info { margin-bottom: .5rem; font-size: .75rem; font-weight: 600; color: #757575 } .news-card__title { margin: 0; font-size: .875rem; line-height: 1.25rem; font-weight: 600 } .news-card__title>a { color: inherit } .news-card__footer { padding: 0 1rem 1.125rem; font-size: .75rem; color: #072447; display: flex } .news-card__footer-icon { margin-right: .3125rem; width: 1.125rem; height: 1.125rem; font-size: 1.125rem; line-height: 1; vertical-align: text-top } @media (min-width:768px) { .news-card__picture { height: 9.375rem } .news-card__title { -webkit-line-clamp: 3 } } .news-card--large { background-color: #072447; color: #fff } .news-card--large .news-card__body { padding: 1.25rem 1.25rem .375rem } .news-card--large .news-card__picture { height: 12.5rem } .news-card--large .news-card__info { margin-bottom: .25rem; color: inherit } .news-card--large .news-card__title { font-size: 1rem } .news-card--large .news-card__footer { color: inherit; padding: 0 1.25rem 1.25rem } @media (min-width:768px) { .news-card--large .news-card__picture { height: 18.75rem } .news-card--large .news-card__body { padding: 1.5rem 1.5rem 1.25rem } .news-card--large .news-card__title { font-size: 2rem; font-weight: 300; line-height: 1.1 } .news-card--large .news-card__info { font-size: .875rem } .news-card--large .news-card__footer { padding: 0 1.5rem 1.5rem } } .news__load-more { padding-top: 1.25rem; text-align: center } @media (min-width:992px) { .news__load-more { padding-top: 2.875rem } } .news-form { max-width: 676px; margin: 0 auto } .news-form__top { margin: 0 auto; font-size: .875rem } @media (min-width:992px) { .news-form__top { font-size: 1rem } } .action-footer--news { max-width: 67.5rem; margin-left: auto; margin-right: auto } .action-footer--news .action-footer__title { font-size: 1.5rem; font-weight: 300 } @media (min-width:576px) { .action-footer--news .action-footer__title { font-size: 1.125rem; font-weight: 600 } } @media (min-width:768px) { .action-footer--news .action-footer__title { font-size: 1.25rem } } .news-detail { padding-bottom: 1.25rem; background-color: #fff } .news-detail__header { padding-top: 1.875rem } .news-detail .breadcrumb { display: none; margin-bottom: 1rem } .news-detail__container { max-width: 53.75rem; padding-left: 1rem; padding-right: 1rem } .news-detail__title { margin-bottom: 1.5rem; text-align: center; font-weight: 300 } .news-detail__info { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 1.5rem; text-align: center } .news-detail__info--line { padding: 1.5rem 0; border-bottom: 1px solid #efefef } .news-detail__info-share { flex: 0 0 100%; padding-top: .375rem; font-weight: 600 } .news-detail__info-share i { font-size: 1.25em; vertical-align: text-bottom } .news-detail__category { color: #072447; font-weight: 600 } .news-detail__category:after { content: "|"; margin: 0 1.25rem; color: #757575 } .news-detail__date { color: #757575 } .news-detail__info-icon { margin-right: .3125rem; width: 1.125rem; height: 1.125rem; font-size: 1.125rem; line-height: 1; vertical-align: text-top } .news-detail__info-icon svg { width: 24px; height: 24px } .news-detail__info-icon img { max-width: 1.5rem } .news-detail__picture { display: block; margin-left: -1rem; margin-right: -1rem; margin-bottom: 1.625rem } .news-detail__content { padding-bottom: 1.5rem } .news-detail__content h5, .news-detail__content p { margin-bottom: 1.5rem } .news-detail__images-slider { max-width: 702px; padding: 1.5rem 0; margin: 0 auto } .news-detail__footer { padding-top: 1.5rem; border-top: 1px solid #efefef; text-align: right } @media (min-width:768px) { .news-detail { padding-bottom: 3.5rem } .news-detail .breadcrumb { display: block } .news-detail__title { margin-bottom: 2rem; text-align: left } .news-detail__info { justify-content: normal } .news-detail__info-share { flex: 0 0 auto; padding-top: 0; margin-left: auto } .news-detail__picture { margin-left: auto; margin-right: auto } .news-detail__picture>img { border-radius: .5rem; width: 100%; object-fit: cover; height: 30rem } .news-detail__content h5 { line-height: 1.4 } .news-detail__content h6 { font-size: .7rem; font-weight: 600; color: #333 } .news-detail__content ul { padding-left: 1rem } .news-detail__content ul li { margin-bottom: .5rem } .news-detail__content ul li p { margin: 0 } .news-detail__content .card { background-color: #f8fafc; padding: 1rem 1rem 0; margin-bottom: 2rem } .news-detail__content .card a { font-weight: 700; text-decoration: underline } .news-detail .collapse-wrapper { background-color: #f8fafc } } .news-detail__header--banner { display: flex; position: relative; flex-direction: column; justify-content: space-between; min-height: 26.25rem; padding: 1.25rem 0 0; background: linear-gradient(rgba(32, 31, 42, .2), rgba(12, 11, 27, .9)); color: #fff } .news-detail__header--banner>div { position: relative; z-index: 2 } .news-detail__header--banner:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; background: var(--overlay-bg, linear-gradient(rgba(32, 31, 42, .2), rgba(12, 11, 27, .9))) } @media (max-width:991.98px) { .news-detail__header--banner:before { display: none } } .news-detail__header--banner .news-detail__picture { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; z-index: 0 } .news-detail__header--banner .news-detail__picture>img { width: 100%; height: 100%; object-fit: cover } @media (max-width:991.98px) { .news-detail__header--banner .news-detail__picture { position: relative } } @media (min-width:768px) { .news-detail__header--banner { min-height: 33.75rem; padding-bottom: 1.25rem } } .news-detail-footer { padding-top: 1.5rem; padding-bottom: 2rem } @media (min-width:768px) { .news-detail-footer { padding-top: 4rem; padding-bottom: 3rem } } @media (max-width:991.98px) { .news-detail__header--banner { padding-top: 0; background: none; color: #000; min-height: unset } .news-detail__title { font-size: 24px; font-weight: 400; margin-top: 1.5rem } .news-detail .breadcrumb__container { display: none } } .media-headline { min-height: 200px; background-color: #fff } .media-headline__layout { max-width: 1440px } .media-headline__left { flex: 1 1 56%; margin-left: -1rem; margin-right: -1rem } .media-headline__right { flex: 1 1 44%; padding-top: 2rem; padding-bottom: 1rem } .media-headline__right.pt-0 { padding-left: 0 } @media (min-width:768px) { .media-headline__layout { display: flex } .media-headline__left { margin-left: 0; margin-right: 0 } .media-headline__right { padding-left: 1.25rem } } @media (min-width:1200px) { .media-headline__right { padding-top: 3rem; padding-left: 3.5rem } } .headline { display: flex; position: relative; min-height: 130px; margin-bottom: 1.125rem; font-size: 1rem } @media (max-width:767.98px) { .headline { flex-direction: column; align-items: center; text-align: center } } .headline__stretch-link:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100% } .headline__picture { display: block; flex: 0 0 7rem; width: 7rem; height: 7rem; overflow: hidden; border-radius: .5rem } .headline__picture>img { width: 100%; height: 100%; object-fit: cover } .headline__body { display: flex; flex-direction: column; flex: 1 1 auto; padding-bottom: 1rem; margin-left: 1rem } @media (max-width:767.98px) { .headline__body { padding-top: 1rem } } .headline__info { margin-bottom: 5px; font-size: .75rem; font-weight: 600; color: #757575 } .headline__title { margin-bottom: .625rem; font-size: 1rem; line-height: 1.25; font-weight: 400; color: inherit } .headline__title>a { color: inherit } .headline__footer { margin-top: auto; font-size: .875rem; color: #072447 } .headline__footer-icon { margin-right: .3125rem; width: 1.125rem; height: 1.125rem; font-size: 1.125rem; line-height: 1; vertical-align: text-top } .headline-list>.headline .headline__body { border-bottom: 1px solid #efefef } .headline-list>.headline:last-child { margin-bottom: 0 } .headline-list>.headline:last-child .headline__body { border-bottom: none } .headline-list.partner-list>.headline { align-items: center; border: 1px solid hsla(0, 0%, 45.9%, .5); background-color: #fff; min-height: 101px !important } .headline-list.partner-list>.headline .headline__body { justify-content: center; padding: .5rem .5rem .5rem 0; border-bottom: none } .headline-list.partner-list>.headline .headline__picture { margin: .5rem; height: 4rem; flex: 0 0 7.5rem } .headline-list.partner-list>.headline .headline__picture img { object-fit: contain } .headline-list.partner-list>.headline .headline__picture:after { opacity: 0 } @media (min-width:1200px) { .headline { min-height: 175px; margin-bottom: 2rem } .headline__body { padding-bottom: 1.875rem } .headline__picture { flex: 0 0 8.875rem; width: 8.875rem; height: 8.875rem } .headline__info { margin-bottom: 6px; font-size: 14px; font-weight: 700 } .headline__title { font-size: 18px; line-height: 24px; font-weight: 300 } } .headline--main { display: block; height: 100%; margin: 0; background-color: #072447; color: #fff } .headline--main .headline__body { margin: 0; padding: 1.875rem 1rem } .headline--main .headline__picture { width: 100%; height: 200px; border-radius: 0 } .headline--main .headline__info { font-size: .875rem; color: inherit } .headline--main .headline__title { font-size: 1.875rem; line-height: 2.25rem } .headline--main .headline__content, .headline--main .headline__title { font-weight: 300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .headline--main .headline__content { font-size: 18px } .headline--main .headline__footer { margin-top: 1rem; color: #fff } @media (min-width:1200px) { .headline--main .headline__body { margin: 0; padding: 1.875rem 1.25rem } .headline--main .headline__picture { height: 362px } .headline--main .headline__title { font-size: 2.625rem; line-height: 3rem } .headline--main .headline__content { -webkit-line-clamp: 2 } } .ksa-articles .headline { min-height: unset } .ksa-articles .headline__picture { width: 6.25rem; height: 6.25rem } .partner_listing { padding: 2rem 0 } .mb-banner .breadcrumb-container { z-index: 2 } .mb-banner .card-banner__body img { width: 85% } .mb-glance.skyshopper-sticky--text-right .card__icon picture { display: flex; width: 2.25rem; height: 2.25rem; justify-content: center; align-items: center; border-radius: 50%; background-color: #eceff7 } @media (min-width:768px) { .mb-benefits .banking-cards__wrapper--md .banking-cards__list { max-width: unset } } @media (max-width:768px) { .mb-benefits .ccbenefits { height: 23.75rem !important } .mb-banner .breadcrumb-container { position: absolute } .mb-banner.card-banner { color: unset; background-color: #fff } .mb-banner .card-banner__picture { position: relative } } .multimedia .multimedia-banner-wrapper { position: relative; height: 21.8125rem; overflow-y: hidden; border-radius: 1.875rem 1.875rem 0 0 } .multimedia .multimedia-banner-overlay { position: absolute; background: var(--overlay-bg, linear-gradient(0deg, #eef2f8, hsla(0, 0%, 99.2%, .0001) 78.97%)); top: 0; left: 0; bottom: 0; right: 0 } .multimedia__sub-title { font-size: 2rem; font-weight: 300; text-align: center } .multimedia__description { font-size: .87rem; font-weight: 400; text-align: center } .multimedia .multimedia-btn { position: absolute; left: 50%; top: 50%; transform: translateX(-50%); z-index: 1; width: 3rem; cursor: pointer } @media only screen and (max-width:768px) { .multimedia .multimedia-banner-wrapper { height: 6.875rem; overflow-y: hidden } .multimedia__sub-title { font-size: 1.5rem } } .notify { position: relative; overflow: hidden; padding: 9rem 0 } .notify-deals { padding: 3rem 0 } @media (min-width:576px) { .notify { padding: 9.75rem 0 } .notify-deals { padding: 4rem 0 } } .notify__container { position: relative } .notify__overlay { display: block } .notify__overlay, .notify__overlay:after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100% } .notify__overlay:after { content: ""; background-color: #191919; opacity: .6 } .notify__overlay>img { position: relative; width: 100%; height: 100%; object-fit: cover } .notify__flex { max-width: 50.625rem } .notify__title { font-size: 1.875rem; line-height: 2.375rem; font-weight: 300; color: #fff; max-width: 46.875rem; text-align: center; margin-bottom: .25rem } @media (min-width:576px) { .notify__title { font-size: 2.625rem; line-height: 3rem; font-weight: 300; text-align: left; margin-bottom: .5rem } } .notify__content { color: #fff; max-width: 20rem; text-align: center; margin: 0 auto } @media (min-width:576px) { .notify__content { max-width: 40rem; text-align: left; margin: 0 } } .notify__form { margin-top: 1.5rem } @media (min-width:576px) { .notify__form { display: flex; margin-top: 3.75rem } } .notify__form-input-wrapper { flex: 1 } .notify__form-button-wrapper { margin: 2rem 0 0 } @media (min-width:576px) { .notify__form-button-wrapper { margin: 0 0 0 1.5rem } } .notify__form-button-wrapper>.btn { width: 100% } @media (min-width:576px) { .notify__form-button-wrapper>.btn { width: auto; min-width: 9.15rem } } .notify .tabs-collapse .tab-content>.tab-pane { display: none !important; opacity: 0 } .notify .tabs-collapse .tab-content>.tab-pane.active { display: block !important; opacity: 1 } .online-banking-benefits { background-color: #f8fafc } .online-banking-benefits__picture { display: flex; justify-content: center } .online-banking-benefits__picture picture { margin-top: 0; z-index: 55 } @media (min-width:768px) { .online-banking-benefits__picture picture { margin-top: -12rem } } @media (min-width:992px) { .online-banking-benefits__picture picture { margin-top: -13rem } } @media (max-width:767.98px) { .online-banking-benefits--spacing .online-banking-benefits__picture picture { margin-top: 5rem } } .online-banking-benefits .card__icon i { display: inline-block; width: 3rem; line-height: 3rem; border-radius: 50%; text-align: center; background-color: #eceff7 } @media (min-width:768px) { .online-banking-benefits .card__icon i { width: 4rem; line-height: 4rem } } .online-banking-benefits .card__icon i img { width: 1.625rem } @media (min-width:768px) { .online-banking-benefits .card__icon i img { width: 2.25rem } } .online-banking-benefits .card__icon-picture img { width: 3rem } @media (min-width:768px) { .online-banking-benefits .card__icon-picture img { width: 4rem } } .online-banking-benefits .card__icon, .online-banking-benefits .card__icon-picture { margin-bottom: 14px } @media (min-width:768px) { .online-banking-benefits .card__icon, .online-banking-benefits .card__icon-picture { margin-bottom: 1rem } } .online-banking-benefits__link { padding-top: 2.375rem } @media (min-width:768px) { .online-banking-benefits__link { padding-top: 2.25rem } } .online-banking-benefits__buttons { display: flex; justify-content: center } .online-banking-benefits__buttons button { min-width: 11.875rem } @media (min-width:768px) { .online-banking-benefits__buttons button { min-width: 12.5rem } } .packages-banking { padding: 4rem 0 3.625rem } @media (min-width:992px) { .packages-banking { padding: 4.5rem 0 } } .packages-banking .cards-cta__body { max-width: 860px } @media (min-width:768px) { .packages-banking .cards-cta__body { padding: 4.5rem 0 } } .packages-banking.section--overlay:before { background-color: rgba(25, 25, 25, .6) } .packages-banking .tab-content { padding-top: 1.6rem } .packages-banking .tab-item__icon { font-size: 1.25rem } .packages-banking .tab-item__icon-img { width: 1.25rem } .glance__icon>i { display: inline-flex; width: 2.25rem; align-items: center; justify-content: center; height: 2.25rem; border-radius: 50%; background-color: #eef2f8 } @media (min-width:768px) { .glance__icon>i { width: 3rem; height: 3rem } } .glance__icon>i img { width: 1.25rem } @media (min-width:768px) { .glance__icon>i img { width: 30px } } .personalisation { padding: 1.125rem 0 1.5625rem; background-color: #243659; color: #fff } .personalisation a:not(.btn) { color: inherit } .personalisation h3 { margin-bottom: .625rem } .personalisation__menu-wrapper { padding-top: 1.125rem; margin-bottom: 1.75rem } .personalisation__menu-wrapper .col-md-6:last-of-type .personalisation__menu>li:last-child { border-bottom-color: transparent } .personalisation__menu { padding: 0; margin: 0; list-style: none } .personalisation__menu>li { padding: 1rem 0; border-bottom: 2px dotted #fff } .personalisation__toggle { margin-top: 1rem } @media (min-width:768px) { .personalisation__menu-wrapper .col-md-6:last-of-type .personalisation__menu>li:last-child { border-color: #fff } } @media (min-width:992px) { .personalisation { padding: 2.125rem 0 1rem } .personalisation__menu-wrapper { margin-bottom: 1rem; padding-top: 0; padding-bottom: 0 } .personalisation__toggle { margin-top: .625rem; text-align: right } } .personalised-quote { padding: 2.5rem 0 } .personalised-quote.debt-consolidation .form-control, .personalised-quote.debt-consolidation .selectize-control.select-selectize--search .selectize-input input, .personalised-quote.debt-consolidation .selectize-control .selectize-input, .selectize-control .personalised-quote.debt-consolidation .selectize-input, .selectize-control.select-selectize--search .selectize-input .personalised-quote.debt-consolidation input { background-color: #fbfbff !important; border: 1px solid hsla(0, 0%, 83.1%, .3); box-shadow: 0 0 .625rem rgba(0, 0, 0, .1) } @media (min-width:768px) { .personalised-quote { padding: 4rem 0 } } @media (min-width:1200px) { .personalised-quote__container { max-width: 75rem; margin: 0 auto } } .personalised-quote [data-calculator-congrats] { margin: 0 -.5rem } .personalised-quote .calculator-earn__form--congrats { padding: 1.25rem 1.25rem 3.25rem } @media (min-width:576px) { .personalised-quote .calculator-earn__form--congrats { padding: 1.875rem } } @media (min-width:1200px) { .personalised-quote .calculator-earn__form--congrats { padding: 2rem } } .personalised-quote .calculator-stepper--main { animation-duration: .5s; animation-name: fadeIn } .personalised-quote__text { align-self: center; text-align: center } @media (min-width:768px) { .personalised-quote__text { text-align: left; margin-bottom: .75rem } } .personalised-quote__apply--text { padding-top: 2.5rem; text-align: center } @media (min-width:768px) { .personalised-quote__apply--text { padding-top: 0; padding-bottom: 1rem; text-align: start } } .personalised-quote__apply--box { width: 100%; border-radius: .75rem; border: 1px solid #efefef; padding: 1rem 1.5rem; margin-bottom: 1rem; color: #000; background-color: #fff; transition: all .3s } .personalised-quote__apply--box:hover { background-color: #072447; border-color: #072447; color: #fff } .personalised-quote__apply--box:active { opacity: .75 } .personalised-quote__form { background-color: #fff; padding-top: 1.5rem; margin-top: 2rem } @media (min-width:768px) { .personalised-quote__form { margin-top: 0; max-width: 618px; border: 1px solid #e4e9f0; border-radius: .5rem; padding: 2rem } } .personalised-quote__form .form-group { margin-bottom: 36px } @media (min-width:768px) { .personalised-quote__form .form-group { margin-bottom: 44px } } .personalised-quote__form--button { margin-top: 3rem; width: 100% } @media (min-width:768px) { .personalised-quote__form--button { margin-top: 40px } } .personalised-quote__form--button button { width: 100% } @media (min-width:768px) { .personalised-quote__form--button button { width: 18.75rem } } .personalised-quote--border { height: 1px; min-height: 1px; width: 100%; background-color: #e4e9f0 } .personalised-quote--sm .personalised-quote { border-radius: .5rem; padding: 2rem 0 1.5rem } @media (min-width:768px) { .personalised-quote--sm .personalised-quote { padding: 1.75rem 0 } } .personalised-quote--sm .personalised-quote__container { padding: 0 1rem } @media (min-width:1200px) { .personalised-quote--sm .personalised-quote__container { max-width: 76.3rem; padding: 0 } } .personalised-quote--sm .personalised-quote__text { margin-bottom: 0 } .personalised-quote--sm .selectize-input.focus~.selectize-float-label, .personalised-quote--sm .selectize-input.has-items~.selectize-float-label { color: #00f } .ksa-personalised-quote__apply--box img { width: 3rem; height: 3rem; max-width: unset } .loan-quote-form .quote-section { display: none } .loan-quote-form .quote-section.current { display: flex } .pick-cards--expand-all .pick-cards__body { display: block } .pick-cards__item { background-color: #fff; border: 1px solid #e4e9f0; border-radius: .5rem; position: relative; padding: 1.875rem 1rem; margin-bottom: 1.5rem; display: block; cursor: pointer } @media (min-width:768px) { .pick-cards__item { padding: 1.5rem } } .pick-cards__item--checkbox { position: absolute; top: .75rem; right: .75rem } .pick-cards__item--checkbox .custom-checkbox { width: 1.5rem; height: 1.5rem; margin: 0 } .pick-cards__item--checkbox .custom-checkbox>span:before { border-radius: 50%; border: 1px solid #b8c3d9; width: 1.5rem; height: 1.5rem } .pick-cards__item--checkbox .custom-checkbox>span:after { border-width: 1px; top: calc(50% - .2875rem); left: calc(50% - .375rem); width: .75rem; height: .4375rem } .pick-cards__item--smaller { padding: 1.5rem 1rem } @media (min-width:768px) { .pick-cards__item--smaller { padding: 2rem 1.5rem } } .pick-cards__item--smaller .pick-cards__pic { margin-right: 1.5rem } @media (min-width:768px) { .pick-cards__item--smaller .pick-cards__pic { flex: 0 0 9.125rem } } .pick-cards__item--smaller .pick-cards__head { align-items: center } .pick-cards__item--smaller .pick-cards__head--title { padding-right: 0; margin-bottom: 0 } .pick-cards__badge { border-radius: 0 0 .5rem .5rem; background-color: #2765ff; padding: .5rem .75rem; position: absolute; top: 0; left: 1.5rem } @media (min-width:768px) { .pick-cards__badge { left: 2rem } } .pick-cards__badge--wrapper { margin-bottom: 1rem } @media (min-width:768px) { .pick-cards__badge--wrapper { margin-bottom: 1.5rem } } .pick-cards__head { display: flex; align-items: flex-start } .pick-cards__head--content { flex: 1 } .pick-cards__head--title { font-size: 16px; line-height: 1.25; font-weight: 400; margin-bottom: 1rem; padding-right: 1.5rem } @media (min-width:768px) { .pick-cards__head--title { font-size: 18px; font-weight: 400 } } .pick-cards__pic { box-shadow: 0 18px 30px -14px rgba(0, 0, 0, .56); border-radius: .5rem; background-color: #fff; margin-right: 1rem; flex: 0 0 7.5rem } @media (min-width:768px) { .pick-cards__pic { margin-right: 2rem; flex: 0 0 12.65rem } } @media screen and (max-width:359.98px) { .pick-cards__pic { flex: 0 0 5.5rem } } .pick-cards__pic img { width: 100%; height: 100%; border-radius: 8px; border-bottom: 1px solid #fff } .pick-cards__body { margin-top: 1.25rem; display: none; transition: none; animation-duration: .3s; animation-name: fadeIn } @media (min-width:768px) { .pick-cards__body { margin-top: 2.5rem } } .pick-cards__body .list { margin-bottom: .5rem } @media (min-width:768px) { .pick-cards__body .list { margin-bottom: 1.875rem } } .pick-cards__body .list>li { margin-bottom: .5rem } @media (min-width:768px) { .pick-cards__body .list>li { margin-bottom: .75rem } } .pick-cards__footer { margin: 1.5rem 0 -1.5rem; text-align: center; border-top: 1px solid #efefef; padding-top: .5rem } @media (min-width:768px) { .pick-cards__footer { text-align: initial; margin: 3rem 0 0; padding-top: 0; border: none !important } } @media (max-width:767.98px) { .pick-cards__head--info .review-field-group { width: 100% } } .pick-cards__item.is-active { background-color: #eef2f8 } .pick-cards__item.is-active .pick-cards__body { display: block } .pick-cards__item.is-active .pick-cards__footer { border-color: #fff } .card-wrapper { position: relative } .card-wrapper .card-text { position: absolute; left: .9rem; bottom: 1.4rem; font-size: .7rem; color: #fff; font-weight: 400 } .card-wrapper img { max-width: 15.625rem } html[dir=rtl] .card-wrapper .card-text { right: .9rem; left: unset } .confirm-card-bg { background-image: linear-gradient(180deg, rgba(12, 11, 27, .91), rgba(32, 31, 42, .19)); display: flex; align-items: center; justify-content: center; padding: 2rem; border-radius: .5rem } @media (min-width:768px) { .confirm-card-bg { padding: 3rem } } .pick-cards__break { border-top: 1px solid #bbb; margin-top: 1rem; padding: .5rem 0 } .card-quiz { display: flex; position: relative; overflow: hidden; border: none; color: #000 } .card-quiz .card-body { position: static; flex-grow: 0; margin-top: auto; padding-right: 4rem; padding-top: 2rem } .card-quiz .card-quiz-badge { position: absolute; width: 2.5rem; top: 1rem; right: 1rem } .card-quiz .card-quiz-achieved { position: absolute; top: 0; left: 1rem; padding: .25rem .625rem; border-radius: 0 0 .375rem .375rem } .card-quiz--right-badge .card-quiz-achieved { right: 2.4rem; left: auto !important } .card-quiz-left { position: relative; border-radius: 0 .5rem .5rem 0; overflow: visible } .card-quiz-left:before { position: absolute; content: ""; height: 100%; width: 31.25rem; top: 0; left: -31.25rem; background-color: #072447 } @media (min-width:992px) { .card-quiz.full-width .card-quiz-achieved { left: 2.4rem } .card-quiz.full-width .card-body { padding-left: 2.4rem; min-height: auto; padding-bottom: 2.4rem } .card-quiz .card-body { padding-top: 2.5rem } } .rates { border-top: 1px solid hsla(0, 0%, 59.2%, .2) } @media (min-width:768px) { .rates { border-top: none } } .rates__wrapper { display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 2rem 0; transition: all .4s ease; max-width: 396px } @media (min-width:768px) { .rates__wrapper { flex-direction: row; width: auto; max-width: calc(620px + 2.5rem); padding: 2rem 0 .75rem } } @media (min-width:992px) { .rates__wrapper { max-width: none; margin: 0 -.625rem } } .rates__card { max-width: 396px; width: 100%; margin-bottom: .5rem; border-radius: .5rem; overflow: hidden } @media (min-width:768px) { .rates__card { max-width: calc(50% - 1.25rem); margin: 0 .625rem 1.25rem } } @media (min-width:992px) { .rates__card { max-width: calc(25% - 1.25rem) } } .rates__box { padding: 1rem; background-color: #fff; color: #000; display: flex; justify-content: space-between; align-items: center; height: 100% } .rates__box picture img { max-width: 2.5rem } .rates-box-shadow { box-shadow: 0 2px 40px hsla(0, 0%, 89.8%, .5); border-radius: .5rem } .rates__card-v1 .rates__wrapper { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1rem; max-width: 100% } @media only screen and (max-width:992px) { .rates__card-v1 .rates__wrapper { grid-template-columns: repeat(2, 1fr) } } .rates__card-v1 .rates__card { max-width: 100%; margin-bottom: 0 } .rates__card-v1.rates { border-top: none } .reports-section { padding-bottom: 0 } @media (min-width:992px) { .reports-section { padding: 4rem 0 6.25rem } } @media (min-width:992px) { .reports-section__wrapper { display: flex; justify-content: space-between } } .reports-section__card { background-color: #eef2f8; border-radius: .5rem; padding: 1rem } @media (min-width:992px) { .reports-section__card { padding: 1.5rem } } .reports-section__latest { margin-bottom: 2rem } @media (min-width:992px) { .reports-section__latest { flex: 0 0 33.125rem; margin-right: 1.25rem; margin-bottom: 0 } } @media (min-width:992px) { .reports-section__calendar { flex: 1 } } .reports-section__head { margin-bottom: 1rem } @media (min-width:992px) { .reports-section__head { margin-bottom: 1.5rem } } .reports-section__title { margin-bottom: .5rem } @media (min-width:992px) { .reports-section__title { margin-bottom: .75rem } } .reports-section__description { line-height: 1.5 } @media (min-width:768px) { .reports-section__description { line-height: 1.4 } } .reports-section__downloads-item { display: flex; align-items: flex-start } .reports-section__downloads-item:not(:last-of-type) { padding-bottom: .938rem; margin-bottom: .938rem; border-bottom: 1px solid #d4d4d4 } .reports-section__downloads-image { flex: 0 0 6.25rem; height: 4rem; margin-right: 1rem } @media (min-width:992px) { .reports-section__downloads-image { height: 7.25rem; flex: 0 0 10rem } } .reports-section__downloads-image img { width: 100%; object-fit: cover; height: 100% } .reports-section__downloads-content { flex: 1 } .reports-section__downloads-name { font-weight: 600; font-size: 1.25rem; margin-bottom: 0; line-height: 1.4 } @media (min-width:992px) { .reports-section__downloads-name { margin-bottom: .5rem; line-height: inherit } } .reports-section__downloads-desc { font-weight: 300; font-size: .75rem; line-height: 1.5 } @media (min-width:992px) { .reports-section__downloads-desc { font-weight: 400; font-size: .875rem; line-height: 1.45 } } .reports-section__downloads-btn { display: flex; flex-direction: column; align-items: flex-start } @media (min-width:992px) { .reports-section__downloads-btn { flex-direction: row; align-items: center } } .reports-section__downloads-btn>.btn { min-width: 8.813rem; margin-bottom: 1rem } @media (min-width:992px) { .reports-section__downloads-btn>.btn { margin-bottom: 0 } } .reports-section__calendars { margin-top: -.25rem } @media (min-width:992px) { .reports-section__calendars { margin-top: 0 } } .reports-section__calendars-item { display: flex; justify-content: space-between; align-items: baseline } @media (min-width:992px) { .reports-section__calendars-item { padding: .5rem 0; align-items: center } } .reports-section__calendars-item:not(:last-of-type) { margin-bottom: 1rem } .reports-section__calendars-date { font-size: .75rem; line-height: 1.2; font-weight: 600; margin-bottom: 0; color: #072447 } @media (min-width:992px) { .reports-section__calendars-date { line-height: inherit } } .reports-section__calendars-name { font-size: .875rem; font-weight: 600; margin-bottom: 0; line-height: 1.4 } @media (min-width:992px) { .reports-section__calendars-name { font-size: 1.125rem; line-height: inherit; font-weight: 300 } } .reports-section__calendars-btn { min-width: 8.813rem; margin-left: 1rem; padding: .25rem; font-size: .75rem; line-height: .875rem; border-radius: .5rem } @media (min-width:992px) { .reports-section__calendars-btn { max-width: 10rem; padding: .375rem; font-size: .9375rem; line-height: 1.5; border-radius: .75rem; width: 100% } } .request-status__wrapper { background-color: unset } .request-status__wrapper .request-status__collapse__toggle { padding: 0; font-size: .875rem; color: #072447 } .request-status__wrapper .request-status__collapse__toggle:after { position: unset; margin-left: 1rem } .request__support-tracking { padding-right: 6rem !important; padding-left: 6rem !important; width: 100% } .link-arrow__point-left { transform: rotate(180deg) } @media screen and (max-width:768px) { .support-tracking-form__form { width: 100% !important } .support-tracking-form__label { width: 100% !important; text-align: center; font-size: 1rem !important } .support-tracking-form__button { width: 100% !important } } .salary-transfer-banner { margin-bottom: 0 } .salary-transfer-banner__container { background-color: #fff; padding-bottom: 1rem } @media (min-width:768px) { .salary-transfer-banner__container { background-color: transparent } } @media (min-width:768px) { .salary-transfer-banner .card-banner__inner { padding-top: 8.5rem } } .salary-transfer-banner .card-banner__grid { margin-top: 1.25rem } @media (min-width:768px) { .salary-transfer-banner .card-banner__grid { margin-top: 2.8125rem; display: flex } } .salary-transfer-banner .card-banner__info { width: auto } @media (min-width:768px) { .salary-transfer-banner .card-banner__info { width: auto } } .salary-transfer-banner .card-banner__info-icon img { width: auto; height: auto } .salary-benefits { padding: 4rem 0 } .salary-benefits.discover-more { padding: 2rem 0 .5rem } @media (min-width:768px) { .salary-benefits, .salary-benefits.discover-more { padding: 6.25rem 0 5rem } } .salary-benefits .support-card { border: 1px solid #e4e9f0 } .links { background-color: #f8fafc; padding: 1.25rem 0 2rem } @media (min-width:768px) { .links { padding: 2rem 0 } } .links .sticky { padding: 1rem; background-color: #fff } .links .sticky .links__text { display: none } .links .sticky .links__swiper { display: flex; justify-content: center } .salary-help__link { border-radius: .5rem; border: 1px solid #e4e9f0; padding: 1rem; max-width: 530px; margin-top: 2rem; margin-bottom: 4rem } @media (min-width:992px) { .salary-help__link { margin-top: 4rem; margin-bottom: 0 } } .salary-help__link--box { background-color: #eff0f6; width: 7.5rem; height: 5.5rem } .salary-help__link--text { display: flex; flex-direction: column; justify-content: space-between } .salary-help__link--text-p { line-height: 1.25rem } .borrow__link { margin-top: 1rem; border: 1px solid #e4e9f0; border-radius: .5rem; padding: 2rem 3.125rem } @media (min-width:768px) { .borrow__link { margin-top: 2rem; padding: 2rem } } .requirements__text { text-align: center } @media (min-width:768px) { .requirements__text { text-align: left } } .requirements__text h1 { margin-bottom: 1.25rem } @media (min-width:768px) { .requirements__text h1 { margin-bottom: .5rem } } .requirements .pill-checkbox { margin-right: .75rem; margin-bottom: .625rem } .requirements .pill-checkbox span { padding-left: .75rem; padding-right: .75rem; background-color: #eee } .requirements .pill-checkbox input:checked+span { background-color: #000 } .requirements__articles .card__body { min-height: 9.375rem } .requirements .rates { border-top: none } .requirements .collapse-wrapper { border: 1px solid #e4e9f0 } .requirements .collapse__toggle { padding: 1.25rem } .requirements .collapse__toggle:after { right: 1.5rem; top: 1.25rem } @media (min-width:768px) { .requirements .collapse__toggle { padding: 2rem } .requirements .collapse__toggle:after { right: 36px; top: 38px } } .requirements .collapse__title { font-size: 1rem; font-weight: 600 } @media (min-width:768px) { .requirements .collapse__title { font-size: 1.875rem; font-weight: 300 } } .requirements .collapse__content--inner { padding: 0 1.25rem 1.25rem } @media (min-width:768px) { .requirements .collapse__content--inner { padding: 0 2rem 2rem } } .requirements .collapse__caption { font-size: 1rem; font-weight: 400 } @media (min-width:768px) { .requirements .collapse__caption { font-weight: 300; font-size: 1.125rem } } .requirements .collapse__caption-border { border-bottom: 1px solid #e2e2e2 } .requirements .documents__file-info { width: calc(100% - 40px); display: flex; flex-direction: column; justify-content: center; height: 100% } .requirements .documents__box { border-bottom: 1px solid #efefef; height: 100% } @media (min-width:768px) { .requirements .documents__box { background-color: #fff; border: 1px solid #e4e9f0; border-radius: .75rem; margin-bottom: 1rem } } .requirements .documents__wrapper { display: flex; padding: .75rem 0; height: 100% } @media (min-width:768px) { .requirements .documents__wrapper { padding: 1rem 1.125rem } } .requirements .documents__wrapper p { margin-bottom: 0 } .requirements .documents__picture { margin-right: 1.125rem; flex-shrink: 0; font-size: 1.4rem } .requirements .documents__dot { width: 3px; height: 3px; border-radius: 50%; background-color: #757575 } .search-bar { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background-color: #eef2f8 } .search-bar__section { padding: 1rem 1rem .5rem } .search-bar__block { background-color: #eef2f8; flex: 0 0 100%; overflow-y: auto } .search-bar__title { margin-bottom: .75rem; font-weight: 300; color: #757575 } .search-bar__section-recent { padding-top: 0; background-color: #fff } .search-bar__others, .search-bar__recent { display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: .625rem; margin-right: -.75rem } .search-bar__others>a, .search-bar__recent>a { display: inline-flex; align-items: center; justify-content: center; padding: .4375rem .75rem; margin-right: .75rem; margin-bottom: .75rem; font-size: .75rem; line-height: 1rem; font-weight: 400; border: 1px solid #a0b4e5; border-radius: .5rem; text-align: center } .search-bar__others>a { background-color: #fff; border-color: transparent } .search-bar__suggestions { display: flex; flex-wrap: wrap; margin-left: -.5rem; margin-right: -.5rem } .search-bar__suggestions-item { width: 50%; padding: .375rem .5rem } @media (min-width:576px) { .search-bar__suggestions-item { max-width: 12.25rem } } .search-bar__suggestions-item>a { display: flex; width: 100%; align-items: center; justify-content: space-between; min-height: 4rem; padding: .25rem 1rem; background-color: #fff; border-radius: .75rem; font-size: .75rem; line-height: 1rem } .search-bar__suggestions-item>a>img { width: 2.25rem; margin-left: .5rem } .search-bar__suggestions-item>a>i { width: 2.25rem; font-size: 1.125rem; flex: 0 0 2.25rem; margin-left: .5rem; line-height: 2.25rem; border-radius: 50%; text-align: center; background-color: #eef2f8 } .search-bar__autocomplete { padding: 1.25rem 0 0; background-color: #fff; border-top: 1px solid #072447 } .search-bar__autocomplete-item { display: flex; justify-content: space-between; align-items: flex-start; padding: .5rem 0; margin-bottom: 0; font-weight: 300; font-size: 1rem; color: #072447; cursor: pointer } .search-bar__autocomplete-item mark { padding: 0; color: inherit; background-color: transparent; font-weight: 600 } .search-bar__autocomplete-item>span { display: inline-block } .search-bar__autocomplete-item>span:nth-of-type(2) { padding-top: .25rem; padding-left: .5rem; text-align: right; font-size: .75rem; color: #757575 } .search-bar.open-autocomplete { background-color: #fff } .search-bar.open-autocomplete .search-bar__input-group { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .search-bar.open-autocomplete .search-bar__block { display: none } .search-bar__input-container { padding: 1rem; background-color: #fff } .search-bar__input-group { display: flex; position: relative; align-items: center; padding: 0 1rem; background-color: #eef2f8; border-radius: .75rem } .search-bar__input { flex: 1 1 auto; height: 3.5rem; order: 2; padding: 0 1rem; margin: 0; font-size: 1rem; background-color: transparent; border: none; outline: none; box-shadow: none } .search-bar__input::placeholder { color: #596e98; opacity: 1 } .search-bar__button { order: 3; margin: 0; padding: 0; font-size: 1.25rem; line-height: 1; background-color: transparent; border: none; outline: none; box-shadow: none; color: #072447 } .search-bar__mic { order: 1; color: #072447 } .search-bar__clear, .search-bar__close { display: none } @media (min-width:1199px) { .search-bar { position: relative; padding: 0; overflow-y: initial } .search-bar__section { margin-left: 0; margin-right: 0; padding-left: 3.3125rem } .search-bar__block { position: relative; box-shadow: 0 8px 30px rgba(0, 0, 0, .35); border-radius: 0 0 .75rem .75rem; border-top: 1px solid #072447; z-index: 1; overflow-y: visible } .search-bar__block:before { content: ""; position: absolute; top: -.8125rem; left: 0; width: 100%; height: .75rem; background-color: #fff } .search-bar__section-recent { padding-top: 1rem } .search-bar.open-autocomplete { background-color: transparent } .search-bar__autocomplete { padding: .75rem 1rem 1.25rem 3.3125rem; background-color: #fff; border-top: 1px solid #072447; box-shadow: 0 8px 30px rgba(0, 0, 0, .35); border-radius: 0 0 .75rem .75rem } .search-bar__autocomplete-item { font-weight: 400; justify-content: flex-start } .search-bar__autocomplete-item mark { font-weight: 700 } .search-bar__autocomplete-item>span { display: inline-block } .search-bar__autocomplete-item>span:first-of-type { width: 65% } .search-bar__autocomplete-item>span:nth-of-type(2) { width: 35%; text-align: left; font-weight: 600 } .search-bar__input-container { position: relative; padding: 0; margin: 0; background-color: transparent; z-index: 2 } .search-bar__input-group { background-color: #fff } } .search-results { margin-bottom: 30px } .search-results .result-filter__dropdownParent.open p { font-weight: 700 } .search-results__top { padding-top: 1rem; padding-bottom: 1.25rem; background-color: #fff } .search-results__form { display: flex; margin-bottom: 1.125rem } .search-results__form-group { flex: 1 1 auto } .search-results__btn-filter { margin-left: .75rem } .search-results__top-info { display: flex; justify-content: space-between } .search-results__info>i { color: #596e98 } .search-results__navigation { display: flex; align-items: flex-start; margin-left: auto; font-size: .875rem; line-height: 1rem } .search-results__navigation-next, .search-results__navigation-prev { display: inline-block; padding-left: 1.25rem; font-size: 1rem; line-height: 1rem; color: #072447 } .search-results__navigation-next.disabled, .search-results__navigation-prev.disabled { opacity: .35 } .search-results__navigation-info { margin-left: 1.125rem; display: inline-block } .search-results__navigation-top { display: none } .search-results #facetresult .js-reset-all { color: #072447 } .search-results .js-search-input { background: transparent } .search-results__result { position: absolute; max-height: 15.625rem; overflow-y: auto; box-sizing: border-box; top: 100%; left: 0; right: 0; margin: -.625rem 0 0; z-index: 1; list-style: none; background-color: #fff; border-radius: 0 0 .75rem .75rem; outline: none; transition: opacity .15s ease-in-out; box-shadow: 0 8px 30px rgba(0, 0, 0, .35) } .search-results__result:before { content: ""; position: absolute; top: 0; left: 0; right: 0; border-top: 1px solid #072447 } .search-results__result a { color: #072447; font-weight: 300 } .search-results__result a:hover { color: #000101 } .search-results__result a mark { padding: 0; font-weight: 600; background-color: transparent; color: inherit; font-size: 1rem } .search-results__result-item { margin-bottom: .875rem; padding: 0 1rem } .search-results__result-item:first-of-type { padding-top: 1rem } .search-results__result-item:last-of-type { padding-bottom: 1rem } .search-results__result-msg { padding: .875rem 1rem; font-weight: 600 } .search-results__suggestion { padding: 1rem 1rem .375rem; background-color: #eef2f8 } .search-results__suggestion h5 { margin-bottom: .875rem; font-size: .875rem; font-weight: 300 } .search-results__suggestion a { margin-right: .875rem; margin-bottom: .875rem; background-color: #fff; border: none } @media (min-width:768px) { .search-results__result-item, .search-results__result-msg, .search-results__suggestion { padding-left: 3.25rem } } .search-results__layout { padding-top: 1.5rem } .search-results__filter-container { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding: 1rem; background-color: #fff; font-size: .875rem; line-height: 1.3125rem; z-index: 1050; overflow-y: auto } .search-results__filter-mobile-top { display: flex; justify-content: space-between; padding: .5rem 0 1.25rem; font-weight: 300; font-size: 1.5rem } .search-results__filter-mobile-top i { font-size: 1.5rem; line-height: 1; color: #757575 } .search-results__filter-item { position: relative; display: block; margin-bottom: 1rem; padding-right: 1.875rem; color: #000 } .search-results__filter-item>span { display: inline-block } .search-results__filter-item>i { margin-right: .625rem; font-size: 12px } .search-results__filter-number { position: absolute; right: 0; top: 2px; font-size: .75rem; line-height: 1.3125rem; font-weight: 600; color: #757575 } .search-results__filter-item--empty .search-results__filter-number { color: hsla(0, 0%, 45.9%, .4) } .search-results__filter-top-cat { color: #072447; font-weight: 600 } .search-results__filter-cat { margin: 0; padding: 0; list-style: none } .search-results__filter-cat>li { margin-bottom: .625rem } .search-results__filter-cat .custom-checkbox--block { margin-bottom: 0 } .search-results__filter-title { display: flex; justify-content: space-between; margin-bottom: .625rem; font-size: .75rem; font-weight: 600; color: #757575 } .search-results__filter-check { position: relative; padding-left: 12px; cursor: pointer } .search-results__filter-check--empty { opacity: .4 } .search-results__filter-check>input[type=checkbox] { position: absolute; visibility: hidden } .search-results__filter-check>span:first-of-type:before { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: absolute; left: -1rem; top: 3px; color: #757575; font-size: 16px } .search-results__filter-check>input[type=checkbox]:checked+span:before { content: ""; color: #003edd } .search-results.open-filter-popup .search-results__filter-container { display: block } .search-results__loading span { background: #eef2f8; height: .875rem; margin-bottom: 1rem; border-radius: .875rem; width: 100%; display: block } .search-results__loading span:first-of-type { width: 60% } .search-results__inline-filter-item { position: relative } .search-results__inline-filter-item>span { display: inline-block; font-size: .9375rem; padding: .375rem 1rem; line-height: 1.25rem; font-weight: 600; background-color: #eee; border-radius: 1rem; text-align: center; color: #000; cursor: pointer } .search-results__inline-filter-item>input { position: absolute; opacity: 0; visibility: hidden } .search-results__inline-filter-item>input:checked+span { background-color: #072447; color: #fff } .search-results__item { position: relative; display: flex; flex-direction: column; min-height: 7.75rem; margin-bottom: .75rem; padding: 1rem; background-color: #fff; border-radius: .5rem } .search-results__item-body { display: block; padding-top: .25rem } .search-results__item--has-image .search-results__item-body { padding-right: 0 } .search-results__item-header { display: flex } .search-results__item-icon { display: inline-block; width: 1.25rem; font-size: 1.25rem; margin-right: .5rem; color: #072447 } .search-results__item-title { margin-bottom: .625rem; font-size: 1rem; font-weight: 600 } .search-results__item-title a { color: inherit } .search-results__item-content { margin-bottom: .75rem; color: inherit; font-size: .75rem; height: 3.5rem; overflow: hidden } .search-results__item-footer { margin-top: auto; font-size: .75rem; font-weight: 400; color: #333 } .search-results__item-footer>span { display: inline-block; background-color: #072447; padding: .125rem .375rem; color: #fff; margin-right: .75rem; position: relative } .search-results__item-footer>span:after { content: ""; position: absolute; background-color: #d4d4d4; width: 1px; height: 80%; right: -.5rem } .search-results__item-footer>span:last-of-type:after { content: ""; display: none } .search-results__item-img { display: block; position: absolute; width: 133px; height: 96px; right: 1rem; top: 1rem; text-align: right } .search-results__item-img img { border-radius: 8px; max-width: 100%; max-height: 100%; height: auto } .search-results__item--loading .search-results__item-img { background-color: #eef2f8 } .search-results__item--loading .search-results__item-content { margin-bottom: 0; height: auto } .search-results__item--loading .search-results__item-content>span { display: block; height: .875rem; margin-bottom: 1rem; border-radius: .875rem; background-color: #eef2f8 } .search-results__item--loading .search-results__item-content>span:first-of-type { width: 60%; margin-bottom: 1.25rem } @media (min-width:768px) { .search-results__item--loading .search-results__item-content { padding-top: 1rem } } .search-results__item-badge-discount { display: inline-block; position: absolute; top: 0; right: 20px; padding: .3125rem .75rem; background-color: #2765ff; color: #000; margin-right: .625rem; font-weight: 700; font-size: 16px; border-radius: 0 0 .5rem .5rem } @media (min-width:768px) { .search-results__item-content--has-badge { display: flex; align-items: flex-start } .search-results__item-badge-discount { position: relative; top: auto; right: auto; border-radius: .5rem } } .search-results__item-badge { position: absolute; right: 1rem; bottom: 1rem; display: inline-block; padding: 4px 12px; font-size: .75rem; line-height: 1rem; font-weight: 700; color: #0d8448; background-color: #73e6ad; border-radius: .375rem; vertical-align: bottom } @media (min-width:768px) { .search-results__item-badge { position: relative; right: auto; bottom: auto } } @media (min-width:768px) { .search-results__top { padding-top: 1.5rem } .search-results__btn-filter { display: none } .search-results__navigation-top { display: flex } .search-results__layout { display: flex; padding-top: 2rem; align-items: flex-start } .search-results__side { flex: 0 0 18.375rem; max-width: 18.375rem; padding-right: 1.25rem } .search-results__main { flex: 1 1 auto } .search-results__form { margin-bottom: 1.5rem } .search-results__filter-container { display: block; position: static; padding: 0; background-color: transparent } .search-results__filter-mobile-top, .search-results__inline-filter { display: none } .search-results__item { margin-bottom: 1rem; padding: 1rem 1.5rem; overflow: hidden } .search-results__item--has-image .search-results__item-body, .search-results__item-body { padding-right: 0 } .search-results__item-icon { width: 1.5rem; font-size: 1.5rem; margin-right: .75rem } .search-results__item-title { font-size: 1.25rem } .search-results__item-content { color: #757575; font-size: .875rem; height: auto; overflow: visible } .search-results__item-img { right: 1.5rem; width: 150px; height: 140px } } @media (min-width:992px) { .search-results__item--has-image .search-results__item-body { padding-right: 245px } .search-results__item-img { width: 200px; height: 100px; top: 50%; transform: translateY(-50%); display: flex; align-items: center } .search-results__item-image { flex-shrink: 0 } .search-results__item-image picture { width: 200px; position: relative; height: 0; padding-bottom: 100% } .search-results__item-image picture img { object-fit: cover; position: absolute } } .search-results__navigation.v2 a.page-link { padding-left: 1.5rem; padding-right: 1.5rem; border: unset !important } .image-rounded { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem } @media only screen and (max-width:768px) { .image-rounded { border-top-left-radius: .5rem; border-top-right-radius: .5rem; border-bottom-left-radius: 0 } } @media only screen and (max-width:576px) { .search-results__navigation.v2 a.page-link { padding-left: .5rem; padding-right: .5rem } } @media (max-width:991.98px) { .search-results__item-img { position: relative; top: 0; left: 0; right: auto; width: 100%; height: auto; margin-bottom: 1.3rem } .search-results__item-img img { width: 100% } } .search-results__btn-filter { display: none } .search-results__navigation-info { padding-right: .5rem } .search-results__navigation-top { align-items: center } .search-results__navigation-top .pagination { margin-bottom: 0 } .search-results__navigation-top .page-item.next .page-link, .search-results__navigation-top .page-item.prev .page-link { border: none } ul.pagination { flex-wrap: wrap } ul.pagination li { margin-bottom: .5rem } .result-filter__block .btn-secondary { border-top-left-radius: 0; border-bottom-left-radius: 0 } .search-results__result { z-index: 1119 !important } .search-results__item-img { overflow-y: hidden; max-height: 8.75rem; border-radius: .5rem !important } .search-bar__mic .white { display: none } .search-bar__mic.active { display: block; position: relative } .search-bar__mic.active .white { display: block } .search-bar__mic.active .blue { display: none } .search-bar__mic.active .pulse { display: block } .search-bar__mic.active img { top: 50%; position: absolute; color: #fff; font-size: .9rem; left: 50%; transform: translate(-50%, -50%) } .pulse { display: none; width: 35px; height: 35px; border-radius: 50%; background: #072447; cursor: pointer; box-shadow: 0 0 0 rgba(24, 47, 124, .4); animation: pulse 1.5s infinite } .pulse:hover { animation: none } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(24, 47, 124, .4) } 70% { -webkit-box-shadow: 0 0 0 10px rgba(24, 47, 124, 0) } to { -webkit-box-shadow: 0 0 0 0 rgba(24, 47, 124, 0) } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(24, 47, 124, .4); box-shadow: 0 0 0 0 rgba(24, 47, 124, .4) } 70% { -moz-box-shadow: 0 0 0 10px rgba(24, 47, 124, 0); box-shadow: 0 0 0 10px rgba(24, 47, 124, 0) } to { -moz-box-shadow: 0 0 0 0 rgba(24, 47, 124, 0); box-shadow: 0 0 0 0 rgba(24, 47, 124, 0) } } .custom-radio--switch-varient .custom-radio input+span { border-radius: 40px !important; width: 100% !important; padding: 8px 20px 8px 2.5rem; background: #f1f1f1; color: #243659 } .custom-radio--switch-varient .custom-radio input+span:after { display: none !important } .custom-radio--switch-varient .custom-radio input+span:before { background: #fff; left: .625rem; top: 50%; border: 1px solid #9a9b9c; transform: translateY(-50%) } .custom-radio--switch-varient .custom-radio input:checked+span { border-radius: 40px !important; width: 100% !important; padding: 8px 20px 8px 2.5rem; color: #fff; background: var(--primary) } .custom-radio--switch-varient .custom-radio input:checked+span:after { display: none !important } .custom-radio--switch-varient .custom-radio input:checked+span:before { background: var(--primary); left: .625rem; top: 50%; border: 4px solid #fff; transform: translateY(-50%) } @media (max-width:767.98px) { .custom-radio--switch-varient { display: flex; flex-wrap: wrap; margin-left: -.25rem; margin-right: -.25rem } .custom-radio--switch-varient .custom-check { min-width: 50%; margin-right: 0 !important; padding: 0 .25rem; flex-grow: 1 } .custom-radio--switch-varient .custom-radio input+span { white-space: nowrap } } .custom-check label { cursor: pointer } .custom-check input { display: none } .custom-check input+span { border: 1px solid #072447; padding: 8px 18px; font-size: 14px; border-radius: .5rem; color: #072447; background-color: #fff; display: inline-block } .custom-check input:checked+span { font-size: 14px; border-radius: .5rem; color: #fff; background-color: #072447; position: relative } @media (max-width:767.98px) { .custom-check { display: flex; flex-wrap: wrap; margin-left: -.25rem; margin-right: -.25rem } .custom-check label { min-width: 50%; margin-right: 0 !important; padding: 0 .25rem; flex-grow: 1 } .custom-check input+span { width: 100% } } @media (max-width:767.98px) { html[dir=rtl] .securities-steps .custom-check label { min-width: 47% } } .custom-radio-sky-bg input { display: none } .custom-radio-sky-bg input+span { border: 1px solid #072447; padding: 8px 18px; font-size: 14px; border-radius: .5rem; color: #072447; background-color: #fff; display: inline-block } .custom-radio-sky-bg input:checked+span { border: 1px solid #019cdf; padding: 8px 18px; font-size: 14px; border-radius: .5rem; color: #fff; background-color: #019cdf } .custom-checkbox--green.custom-checkbox input:checked+span:not(.error):before { background-color: #0d8448 !important; border-color: #0d8448 !important } .sign-confirm { background-color: #f1f1f1 } .sign-confirm img:first-of-type { display: none } .sign-confirm.active img:first-of-type { display: block } .sign-confirm.active img:nth-of-type(2) { display: none } .securities-steps label.custom-checkbox { display: block } .securities-steps .position-sticky { display: none } @media (min-width:992px) { .securities-steps .position-sticky { height: calc(100vh - 72px); top: 72px; display: block } } .securities-steps .side-highlight-block { height: 100% } .securities-steps .side-highlight-block img { width: 100%; height: 100%; object-fit: cover } @media (min-width:576px) { #otp-modal .modal-content, #securities-modal .modal-content { min-height: unset } .securities-steps .custom-check input[type=checkbox]+span:hover, .securities-steps .custom-radio-sky-bg input[type=radio]+span:hover { cursor: pointer; opacity: .7; transition: .3s; color: #fff; background-color: #019cdf; border: 1px solid #fff } } @media (max-width:576px) { .securities-steps .custom-check:after, .securities-steps .custom-radio-sky-bg:after { display: block; clear: both; content: "" } .securities-steps .custom-check label, .securities-steps .custom-radio-sky-bg label { width: 45%; display: inline-block; float: left } .securities-steps .custom-check label span, .securities-steps .custom-radio-sky-bg label span, .securities-steps form { width: 100% } } @media (max-width:576px) { html[dir=rtl] .securities-steps .custom-check label, html[dir=rtl] .securities-steps .custom-radio-sky-bg label { float: right } } @media (min-width:768px) { .security .card-banner__picture:after { display: none } } .security .pill-checkbox span { background: #818181; color: #fff } .form-group-disabled { position: relative } .form-group-disabled:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: auto; z-index: 5; border-radius: .75rem } .form-group-disabled picture { display: none } .form-group-disabled label { color: grey !important } #securities-create-form .form-group-disabled .form-control, #securities-create-form .form-group-disabled .select2-container--bootstrap4 .select2-selection, #securities-create-form .form-group-disabled .selectize-control.select-selectize--search .selectize-input input, #securities-create-form .form-group-disabled .selectize-control .selectize-input, #securities-create-form .form-group-disabled select, .selectize-control #securities-create-form .form-group-disabled .selectize-input, .selectize-control.select-selectize--search .selectize-input #securities-create-form .form-group-disabled input { opacity: 1 !important; background-color: #f5f5f5 !important; color: #52555c !important } #securities-create-form .form-group-disabled .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { color: #52555c !important } #securities-create-form .form-group-disabled .select2-selection__arrow { display: none } .form-group-disabled .custom-radio--switch-varient .custom-radio span { cursor: inherit } .form-group-disabled .custom-radio--switch-varient .custom-radio input:checked+span { background: #072447 } .form-group-disabled .custom-radio--switch-varient .custom-radio input+span { background: hsla(0, 0%, 94.5%, .4117647058823529) } .fixed-container { position: fixed; right: 0 } #securities-create-form .selectize-float-label { width: 85%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } @media (min-width:992px) { .ipo-steps .row.no-gutters, .securities-steps .row.no-gutters { min-height: calc(100vh - 72px) } } .text-area-label { background: #eef2f8; width: 90% !important; top: 0 !important; padding-top: 8px; border-radius: .5rem } #saveandcontinueModal .modal-content { min-height: unset } @media (min-width:576px) { #saveandcontinueModal .modal-content { min-height: 18.75rem } } .co-forms-wrap { display: flex; flex-wrap: wrap; justify-content: space-between } .co-forms-wrap .w-49 { width: 100% !important } @media (min-width:576px) { .co-forms-wrap .w-49 { width: 49% !important } } .co-forms-wrap .form-group { width: 100% } @media screen and (max-width:768px) { #masked-email, #masked-sms { font-size: .75rem } } #securities-create-form .custom-checkbox>span:not(.error), .custom-radio>span:not(.error) { color: #000 } .horizontal_steps ul li:after { border: 1px solid } .custom-checkbox input:checked+span:not(.error), .custom-radio input:checked+span:not(.error) { font-weight: 400 } .side-highlight-block:before { height: 100% } .trim-disabled .card__text { display: unset } .side-highlight-block:before { background: var(--overlay-bg, linear-gradient(0, transparent, #37599b)) } @media screen and (max-width:768px) { .ipo-step-body input+label { font-size: .75rem } .social-links a:first-of-type { margin-left: 0 } } #securities-create-form .select2-container .select2-selection--single .select2-selection__rendered { text-overflow: clip } @media (min-width:992px) { .securities-steps-v1 .securities-steps .position-sticky { top: 0 } .securities-steps-v1 .ipo-help__main { right: 6.5rem } .ipo-help__fixed-container .ipo-help__main { top: 0; right: 1rem } .ipo-help__fixed-container .ipo-help-modal { max-width: 66.6667% } .securities-header { display: none } } @media (min-width:1200px) { .securities-steps-v1 .ipo-step-body, .securities-steps-v1 .ipo-step-footer { margin-left: auto; margin-right: auto } } .securities-steps-v1 .side-highlight-block:before { background: var(--overlay-bg, linear-gradient(180deg, rgba(33, 37, 41, .6) 9.38%, rgba(33, 37, 41, 0) 57.88%)) } .securities-steps-v1 .securities-logo { position: absolute; left: 50%; transform: translateX(-50%); top: 3rem; max-width: 150px } .securities-steps-v1 .side-highlight-text h4 { line-height: 2rem } .securities-steps-v1 .side-highlight-text { top: 6rem; transform: unset } .securities-steps-v1 .tabs-responsive--inline .tabs--white { border-bottom: none; display: flex } .securities-steps-v1 .tab-item { margin: 0 3px } @media (min-width:768px) { .securities-steps-v1 .tab-item { flex: 1; max-width: 170px } } .securities-steps-v1 .tab-item__link { text-align: left; border-bottom: 3px solid #d9d9d9; padding: 0 0 .3rem } .securities-steps-v1 .tab-item__title { color: #d9d9d9; padding: 0; font-size: .75rem; font-weight: 700 } .securities-steps-v1 .tabs--white .tab-item.active .tab-item__link, .securities-steps-v1 .tabs--white .tab-item.completed .tab-item__link { border-bottom-color: #009cde; color: #009cde } .securities-steps-v1 .tabs--white .tab-item.active .tab-item__link span, .securities-steps-v1 .tabs--white .tab-item.completed .tab-item__link span { color: #009cde } @media (min-width:992px) { .securities-steps-v1.securities-steps-v1 .position-sticky { top: 0; height: 100vh } } @media (max-width:991.98px) { .securities-steps-v1 .tabs--white .tab-item:not(.active) .tab-item__title strong { font-size: 0 } } .securities-steps-v1-container { position: absolute; left: 0; padding: 1rem 0 0; z-index: 999; width: 100% } .securities-steps-v1-container .nav { flex-wrap: nowrap; display: flex } @media (max-width:991.98px) { .securities-steps-v1-container { left: 0; z-index: 999; top: 50px } .securities-steps-v1-container .nav { padding: 0 4px } .securities-steps-v1-container .nav .tab-item__link { text-align: center } .securities-steps-v1-container .nav .tab-item.active { flex-grow: 1 } } .securities-steps-v1-container.fixed-steps { position: fixed; background-color: #fff } .lang-help-desktop { right: 1rem } .form-container { padding-top: 5.5rem } .securities-language-btn { position: fixed; z-index: 999; top: 1rem; right: 3.5rem; transform: translateX(50%); transition: none; z-index: 9991 } .securities-language-btn.offset-top { top: 8rem } .securities-language-btn.offset-top__sm { top: 2.3rem } .securities-language-btn.kyc-remediation-language-btn { top: 4.3rem; right: 2.8rem } .self-service { padding-top: 2rem; padding-bottom: 2rem } @media (min-width:768px) { .self-service { padding-top: 4rem; padding-bottom: 4rem } } .self-service__main { margin-bottom: 1.875rem } .self-service__main .review-field-value { word-break: break-all } .self-service__content { padding: 1.5rem 1.25rem; margin-left: -1rem; margin-right: -1rem; background-color: #fff } .self-service__content h5 a { text-decoration: underline !important; cursor: pointer } .self-service__inner { max-width: 50.75rem } .self-service__side .collapse-wrapper:last-of-type { margin-bottom: 0 } .self-service__form-footer { display: flex; padding: 1.5rem 0 0; border-top: 1px solid #eef2f8 } @media (max-width:767.98px) { .self-service__form-footer .btn--progress { margin: auto } } @media (min-width:768px) { .self-service__content { margin-left: 0; margin-right: 0; border: 1px solid #e4e9f0; border-radius: .5rem } } @media (min-width:992px) { .self-service__row { display: flex; align-items: flex-start; flex-wrap: wrap; margin-left: -.625rem; margin-right: -.625rem } .self-service__main, .self-service__side { padding-left: .625rem; padding-right: .625rem; margin-bottom: 1.5rem } .self-service__side { flex: 0 0 19.6875rem; max-width: 19.6875rem; padding-right: 0 } .self-service__side:nth-of-type(3) { flex: 0 0 100%; max-width: 100% } .self-service__main { flex-basis: 0; flex-grow: 1; max-width: 100%; padding-left: 1rem; padding-right: 1rem } .self-service__content { padding: 2rem 1.5rem 1.5rem } .self-service__form-footer { flex-direction: row; justify-content: space-between; align-items: center } .self-service__form-footer .btn:last-child { margin-bottom: 0 } } @media (min-width:1200px) { .self-service__side:nth-of-type(3) { flex: 0 0 19.6875rem; max-width: 19.6875rem } } @media screen and (max-width:768px) { .self-service__card-title { font-size: 1rem } .self-service__link-arrow { font-size: .7rem } } .self-service__card-title { color: #000; font-weight: 300 } .self-service__card-title+p { color: #000 } .self-service__section-title { margin-bottom: .75rem } .card-highlight { background-color: #072447; color: #fff; padding: 1.5rem } .card-highlight:hover { color: #fff } @media (min-width:768px) { .card-col-border { border-right: 1px solid #d4d4d4 } } .upload-status-icon { vertical-align: bottom } .text-splite-link { width: 100%; display: flex; justify-content: space-between; margin: .5rem; border-bottom: 1px solid #d8d8d8; padding-bottom: .5rem; align-items: self-end } .text-splite-link a { text-decoration: none; font-weight: 400 } .ipo-step-body { padding: 4rem 1rem 1rem } @media (min-width:992px) { .ipo-step-body { padding: 2rem 1rem 1rem; width: 80%; max-width: 650px } } .ipo-step-footer { padding: 1rem } @media (min-width:992px) { .ipo-step-footer { width: 80%; max-width: 650px } } .ipo-userverify .link-arrow { margin-top: .5rem } .ipo-userverify .custom-radio { display: block } .ipo-userverify .custom-radio:first-child { margin-top: -2rem } .ipo-userverify .custom-radio:last-child { margin-bottom: 2rem } #errorModal .modal-content { min-height: auto } #errorModal .modal-body { padding-bottom: 0 !important } #errorModal .modal-body:before { content: "!"; background: #ff8080; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: #fff; border-radius: 50%; margin-bottom: 1rem } #errorModal .modal-footer, .verify-user__field .pick-cards__item:last-of-type { margin-bottom: 0 } #errorModal .modal-footer .btn-link { visibility: hidden; pointer-events: none } @media (min-width:992px) { #errorModal .modal-body { padding-left: 10rem !important; min-height: 8rem; display: flex; flex-direction: column; justify-content: center } #errorModal .modal-body:before { position: absolute; top: 1.5rem; left: 2rem; width: 5.5rem; height: 5.5rem; font-size: 3rem } } .ipo-steps .pick-cards .custom-checkbox { pointer-events: none } .ipo-steps .position-sticky { display: none } @media (min-width:992px) { .ipo-steps .position-sticky { height: calc(100vh - 72px); top: 72px; display: block } } .ipo-steps .side-highlight-block { height: 100% } .ipo-steps .side-highlight-block img { width: 100%; height: 100%; object-fit: cover } .modal-close-text { position: absolute; right: 0; top: -1.4rem; color: #fff !important; font-size: 1rem !important; font-weight: 700 } .js-document-wrap { display: none } .js-document-wrap.active { display: block } .position-sticky { position: sticky } .ipo-steps { display: none; padding: 0 } .ipo-steps.active { display: block } .side-highlight-text { position: absolute; left: 0; top: 0; width: 100%; padding: 2rem } .side-highlight-text p { font-weight: 300; line-height: 1.3; max-width: 28.125rem } .side-highlight-text p>a { font-weight: 700 } .ipo-steps .side-highlight-flex { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 2rem; background: #eef2f8 } .side-highlight-flex .side-highlight-text { position: static } .side-highlight-flex>img { width: 100%; max-width: 13rem } .side-highlight-block:before { content: ""; background: var(--overlay-bg, linear-gradient(0, transparent, rgba(55, 89, 155, .8))); position: absolute; top: 0; left: 0; width: 100%; height: 50% } .side-highlight-block.full-height:before { background: var(--gradient); height: 50% } .side-highlight-logo { max-width: 150px } .ipo-help { position: absolute; top: 0; right: 1rem; text-align: center; width: 77px; padding: 1rem .5rem; z-index: 999 } .ipo-help img { width: 40px } @media (min-width:992px) { .ipo-help img { width: auto } } @media (max-width:767.98px) { .ipo-help.ipo-help__main { top: 4rem } } .ipo-help__fixed-container .ipo-help__main, .ipo-help__fixed-container .ipo-help__main.self-service { position: fixed } .ipo-help__fixed-container .ipo-help-modal { position: fixed; right: 0; left: unset; z-index: 9999; overflow: auto } .ipo-help__main { background: #009cde; border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem; padding-top: .25rem; padding-bottom: .25rem; width: 86px } .ipo-help__main .ipo-help-text { color: #fff; text-transform: uppercase; font-size: .75rem; line-height: 1rem } .ipo-help-text { font-size: .8rem; font-weight: 700; color: #000; display: block; padding: 5px 0 } @media (min-width:992px) { .ipo-help-text { font-size: 1rem } } .ipo-help-modal { position: absolute; background: #fff; z-index: 100; padding: 3rem 2rem 2rem; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 999 } .ipo-help-modal.show { display: block } .side-overlay { position: absolute; top: 50%; left: -4rem; transform: translateY(-50%) } .grid-detail_row { border-bottom: 1px solid #adb5bd; display: flex; justify-content: space-between } .grid-detail_label, .grid-detail_value { flex: 1; padding: 10px 0 } .grid-detail_value { text-align: right; color: #072447; font-weight: 700 } .grid-detail.yellow-bg { background: #fff7ec; padding: 1rem; border-radius: .5rem } .grid-detail.yellow-bg .grid-detail_row:last-child { border-bottom: none } .verify-user__field .collapse-wrapper { background: none } .verify-user__field .collapse__toggle { padding: 1rem 0; color: #072447; border-bottom: 1px solid #d3dae6 } .verify-user__field .collapse__toggle:after { right: 0 } .verify-user__field .collapse__content--inner { padding: 1rem 0 } .verify-user__field .pick-cards__item { background: none !important; padding: 1rem .7rem .7rem } .verify-user__field .pick-cards__item:last-of-type { margin-bottom: 0 } .verify-user__field .pick-cards__lists .form-group:last-of-type { margin-bottom: 0 !important } .verify-user__field .pick-cards__body { margin-top: 1rem } #ipo-modal .modal-content { min-height: unset } .form-section { display: none } .form-section.current { display: block } @media screen and (max-width:991.98px) { .self-service__row .stepper { display: none } } @media (max-width:767px) { .container.self-service:empty { display: none } .self-service .self-service__content { margin: 0; margin-bottom: 2.5rem } .self-service .form-group-select .selectize-float-label { position: relative; top: 0 !important; left: 0 !important; font-size: .825rem !important; margin-bottom: .25rem; color: #757575 !important } .self-service .form-group-select:not(.select2-has-value) .selectize-float-label:after { content: "Please Select"; position: absolute; left: 1rem; bottom: -2.6rem; color: #596e98 !important } .self-service .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { transform: translate(-50%, -50%) } .form-group-select.success .select2-selection__rendered, .self-service .form-group-select.select2-has-value .select2-selection__rendered { transform: none !important } } .transparent-accordion .collapse-wrapper { background-color: transparent } .transparent-accordion .collapse-wrapper .collapse__toggle { padding: .5rem 2.5rem .5rem 1.75rem; color: #072447 } .transparent-accordion .collapse-wrapper .collapse__toggle:after { content: "\e919"; left: 0; right: auto; font-size: .825rem } .transparent-accordion .collapse-wrapper .collapse__content--inner { padding: 1rem 0 0 1.75rem } .transparent-accordion .collapse-wrapper .collapse__content--inner .custom-checkbox { margin-bottom: 1.5rem } .transparent-accordion .upload-form-group .upload-form-group__caption .h6 { margin-bottom: .5rem } .transparent-accordion .upload-form-group .upload-documents-side, .transparent-accordion .upload-form-group .upload-form-group__caption { padding: 0 .5rem } .transparent-accordion .upload-form-group .upload-input-text { margin: 0 } .accordion-upload { width: auto !important; margin: 0 0 1rem 1.5rem } .accordion-upload .upload-form-group__caption .h6 { margin-bottom: .5rem } .accordion-upload .upload-documents-side, .accordion-upload .upload-form-group__caption { padding: 0 .5rem } @font-face { font-family: Journal; src: url(journal.html); src: url(journald41d.html?#iefix) format("embedded-opentype"), url(journal-2.html) format("woff"), url(journal-3.html) format("truetype"), url(journal-4.html#JournalRegular) format("svg"); font-weight: 400; font-style: normal } .accordion-upload .upload-input-text, .sigPad { margin: 0 } .sigPad { padding: 0; width: 200px } .sigPad label { display: block; margin: 0 0 .515em; padding: 0; color: #000; font: italic normal 1em/1.375 Georgia, Times, serif } .sigPad label.error { color: #f33 } .sigPad input { margin: 0; padding: .2em 0; width: 198px; border: 1px solid #666; font-size: 1em } .sigPad input.error { border-color: #f33 } .sigPad button { margin: 1em 0 0; padding: .6em .6em .7em; background-color: #ccc; border: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; cursor: pointer; color: #555; font: 700 1em/1.375 sans-serif; text-align: left } .sigPad button:hover { background-color: #333; color: #fff } .sig { display: none } .sigNav { display: none; height: 2.25em; margin: 0; padding: 0; position: relative; list-style-type: none } .sigNav li { display: inline; float: left; margin: 0; padding: 0 } .sigNav a, .sigNav a:link, .sigNav a:visited { display: block; margin: 0; padding: 0 .6em; border: 0; color: #333; font-weight: 700; line-height: 2.25em; text-decoration: underline } .sigNav a.current, .sigNav a.current:link, .sigNav a.current:visited { background-color: #666; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-radius: 8px 8px 0 0; color: #fff; text-decoration: none } .sigNav .typeIt a.current, .sigNav .typeIt a.current:link, .sigNav .typeIt a.current:visited { background-color: #ccc; color: #555 } .sigNav .clearButton { bottom: .2em; display: none; position: absolute; right: 0; font-size: .75em; line-height: 1.375 } .sigWrapper { clear: both; height: 55px; border: 1px solid #ccc } .sigWrapper.current { border-color: #666 } .signed .sigWrapper { border: 0 } .pad { position: relative; cursor: url(https://www.emiratesnbd.com/bundles/enbd/assets/pen.cur), crosshair; cursor: url(pen.html) 16 16, crosshair; -ms-touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none } .typed { height: 55px; margin: 0; padding: 0 5px; position: absolute; z-index: 90; cursor: default; color: #145394; font: normal 1.875em/50px Journal, Georgia, Times, serif } .drawItDesc, .typeItDesc { display: none; margin: .75em 0 .515em; padding: .515em 0 0; border-top: 3px solid #ccc; color: #000; font: italic normal 1em/1.375 Georgia, Times, serif } p.error { display: block; margin: .5em 0; padding: .4em; background-color: #f33; color: #fff; font-weight: 700 } .similar-deals { margin-bottom: 2.5rem } @media (min-width:768px) { .similar-deals { margin-bottom: 1.9rem } } .similar-deals__title { font-size: 1.5rem; padding-top: 2rem; margin-bottom: 0 } @media (min-width:768px) { .similar-deals__title { font-size: 2rem; padding-top: 4rem } } .similar-deals__swiper { padding-top: 1.5rem } @media (min-width:768px) { .similar-deals__swiper { padding-top: 4rem } } .similar-card { max-width: 310px; height: 100% } .similar-card-swipe { transition: all .3s ease } .similar-card-swipe:hover { transform: translateY(-.25rem) } .similar-card-swipe:hover .similar-card__picture:after { background-color: rgba(45, 48, 78, .3) } .similar-card__body { padding: 1.25rem } .similar-card__title { font-size: .875rem; font-weight: 400; margin-bottom: 0 } @media (min-width:768px) { .similar-card__title { font-size: 1.25rem; font-weight: 600 } } .similar-card__meta { font-size: .75rem; color: #757575 } @media (min-width:768px) { .similar-card__meta { font-size: .875rem; color: #000 } } .similar-card__caption { min-height: 3.75rem } @media (min-width:768px) { .similar-card__caption { min-height: auto } } .similar-card__bottom { font-size: .75rem; margin-top: 1rem } @media (min-width:768px) { .similar-card__bottom { display: flex; justify-content: space-between } } .similar-card__picture { position: relative } .similar-card__picture:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s ease } .similar-card__discount { position: absolute; display: inline-block; top: 0; left: 1rem; background-color: #2765ff; padding: .5625rem .875rem; border-radius: 0 0 .25rem .25rem; font-weight: 700; font-size: .875rem } @media (min-width:768px) { .similar-card__discount { font-size: 1rem; left: 2rem } } .similar-card__new { position: absolute; top: .5rem; right: .5rem; display: inline-block; padding: 4px 12px; font-size: .75rem; line-height: 1rem; font-weight: 700; color: #0d8448; background-color: #73e6ad; border-radius: .375rem; vertical-align: bottom } .skyshopper-sticky-wrapper { position: relative; padding: 2rem 0 2.375rem } @media (min-width:992px) { .skyshopper-sticky-wrapper { text-align: initial; padding-top: 5.125rem } } .skyshopper-sticky__side { display: none } .skyshopper-sticky__section { margin-bottom: 3.75rem } .skyshopper-sticky__section:last-child { margin-bottom: 0 } .skyshopper-sticky__side-picture .picture-rtl { display: none } .skyshopper-sticky__picture-mob { display: block; margin-bottom: 1.5rem } .skyshopper-sticky__list { padding-left: 1rem; padding-bottom: 1.125rem } .skyshopper-sticky__caption { padding-bottom: 2rem } @media (min-width:768px) { .skyshopper-sticky__list { padding-left: 0 } } @media (min-width:992px) { .skyshopper-sticky { display: flex } .skyshopper-sticky__main { min-width: 1px; flex: 1 1 auto; padding-left: 2rem } .skyshopper-sticky__section { margin-bottom: 0; padding-top: 5rem; padding-bottom: 5rem; opacity: 0; transition: opacity .6s } .skyshopper-sticky__section:first-child { padding-top: 0 } .skyshopper-sticky__section.active { opacity: 1 } .skyshopper-sticky__side { display: block; width: 18.75rem; flex: 0 1 85% } .skyshopper-sticky__side picture { display: flex; justify-content: flex-end } .skyshopper-sticky__side img { max-width: none } .skyshopper-sticky__picture-mob { display: none } .skyshopper-sticky__side-pictures { height: 320px } .skyshopper-sticky__side-pictures img { max-height: 320px } .skyshopper-sticky__side-picture { position: absolute; top: 0; right: 0; opacity: 0; transition: opacity .6s } .skyshopper-sticky__side-picture.active { opacity: 1 } .skyshopper-sticky__container { max-width: none; width: 100% } .skyshopper-sticky__list { padding: 1.125rem 2.5rem 3.125rem 1rem } .skyshopper-sticky__text-right { max-width: 30.32rem; margin-left: auto } .skyshopper-sticky__caption { padding-bottom: 4.6rem } } @media (min-width:1200px) { .skyshopper-sticky__main { padding-left: 8% } .skyshopper-sticky__side { flex: 0 1 61% } .skyshopper-sticky__side-pictures { height: 460px } .skyshopper-sticky__side-pictures img { max-height: 460px } } .skyshopper-sticky { text-align: center } .skyshopper-sticky__logo { display: block; margin-bottom: 1.5625rem } .skyshopper-sticky__title { margin-bottom: .75rem; font-size: 1.875rem; line-height: 2.25rem; font-weight: 300 } .skyshopper-sticky__content { margin-bottom: 2.25rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 300 } .skyshopper-sticky__grid-scroll { overflow-x: auto } .skyshopper-sticky__grid { display: inline-flex } .skyshopper-sticky__feature { width: 25%; min-width: 7.5rem; padding: 0 .625rem .625rem; text-align: center } .skyshopper-sticky__feature>i { display: inline-block; margin-bottom: .625rem; color: #072447; font-size: 1.25rem } .skyshopper-sticky__feature span { display: block; font-size: .875rem; font-weight: 600 } .skyshopper-sticky__feature small { display: block; font-size: .75rem; font-weight: 300 } @media (min-width:992px) { .skyshopper-sticky { text-align: initial } .skyshopper-sticky__logo { margin-bottom: 1.875rem } .skyshopper-sticky__title { font-size: 2.625rem; line-height: 3rem } .skyshopper-sticky__content { margin-bottom: 2.8125rem } .skyshopper-sticky__grid-scroll { margin-bottom: 1.625rem } } @media (min-width:1200px) { .skyshopper-sticky .skyshopper-info__feature { min-width: 9.25rem } } .skyshopper-sticky--text-right { position: relative; padding-top: 2rem; padding-bottom: 36px } @media (min-width:768px) { .skyshopper-sticky--text-right { padding-top: 6.25rem; padding-bottom: 38px } } .skyshopper-sticky--text-right .skyshopper-sticky__picture-mob { margin-bottom: 1.8rem } .skyshopper-sticky--text-right .skyshopper-sticky__side-picture { right: 0 } @media (min-width:768px) { .skyshopper-sticky--text-right .skyshopper-sticky__side-pictures img { max-height: none; width: 620px } } @media (min-width:1200px) { .skyshopper-sticky--text-right .skyshopper-sticky__side-pictures img { width: 100%; max-width: 820px } } @media (min-width:768px) { .skyshopper-sticky--text-right .skyshopper-sticky__main { padding-left: 1.5rem } } @media (min-width:1200px) { .skyshopper-sticky--text-right .skyshopper-sticky__main { padding-left: 0 } } .skyshopper-sticky--text-right .skyshopper-sticky__content { margin-bottom: 2.375rem; line-height: 1.3 } .skyshopper-sticky--text-right .card__icon i, .skyshopper-sticky--text-right .card__icon picture { display: flex; width: 2.25rem; height: 2.25rem; justify-content: center; align-items: center; border-radius: 50%; background-color: #eceff7 } .skyshopper-sticky--text-right .card__icon.card__icon-list i { margin-right: 1.5rem; width: 3rem; height: 3rem } .lh-14 .skyshopper-sticky--text-right .skyshopper-sticky__content { line-height: 1.4 } .center-align-items .skyshopper-sticky__list { text-align: center } .center-align-items .skyshopper-sticky__list picture { margin: 0 auto } @media (min-width:992px) { html[dir=rtl] .skyshopper-sticky__side-picture { left: 0 } } html[dir=rtl] .skyshopper-sticky__side-picture .picture-ltr { display: none } html[dir=rtl] .skyshopper-sticky__side-picture .picture-rtl { display: block } .spotlight-video { position: relative; color: #fff } @media (min-width:768px) { .spotlight-video { padding: 120px 0 110px } } @media (max-width:991.98px) { .spotlight-video { display: flex; align-items: flex-end; height: 490px } } .spotlight-video__wrapper, .spotlight-video__wrapper:after { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .spotlight-video__wrapper:after { content: ""; background: var(--overlay-bg, linear-gradient(0deg, rgba(33, 37, 41, .7), rgba(33, 37, 41, .7))) } .spotlight-video__wrapper video { width: 100%; height: 100%; object-fit: cover } .spotlight-video__card { position: relative; z-index: 10 } @media (min-width:768px) { .spotlight-video__card p { margin-bottom: 3rem } } .spotlight-video__card h1 { font-size: 32px; line-height: 40px; font-weight: 400 } .spotlight-video__media { width: 100%; height: 100%; object-fit: cover } .spotlight-video__list { list-style: none; padding: 0; margin: 0; display: flex } @media (max-width:991.98px) { .spotlight-video__list { display: none } } .spotlight-video__list-item { display: inline-block; padding-right: 36px; max-width: 25% } .spotlight-video__list-item-img { max-width: 40px } .stats-card__numbers { font-weight: 300; font-size: 2.625rem; line-height: 1.1 } .stats-card__number-description { font-weight: 600 } .stats-card__wrapper.first { color: #072447 } .stats-card__gradient-border { background: linear-gradient(-90deg, #acdcec, #d7c473 51.23%, #ffad00); border-radius: 10px; padding: 2px; border-image: linear-gradient(45deg, #ffad00, #d7c473, #acdcec) 1 } .stats-card__gradient-border>div { background: #fff; border-radius: .625rem } .style-guide .card-quiz.h-50 { height: 100% !important } .style-guide .card-quiz.h-100 { min-height: 300px !important } .style-guide .card { overflow: auto !important } .support-details__content a:not(.tab-item__link) { text-decoration: underline; font-weight: 700 } .support-details__body { position: relative; z-index: 2 } @media (min-width:992px) { .support-details__body { margin-top: -10rem } } .support-details__body-bar { position: relative; z-index: 3 } .support-details__side { padding-top: 1.5rem } @media (min-width:992px) { .support-details__body { padding-bottom: 1rem } .support-details__body-bar { display: flex; padding-top: 1rem; padding-bottom: .5rem } .support-details__side { margin-top: 10rem } } .support-details__content { margin-bottom: 1.5rem; margin-left: -1rem; margin-right: -1rem; padding: 7.25rem 1rem 1rem; background-color: #fff } @media (min-width:576px) { .support-details__content { padding: 6.25rem 1.25rem 1.25rem } } @media (min-width:992px) { .support-details__content { padding: 6.25rem 2rem 2rem; margin-left: 0; margin-right: 0; margin-bottom: 1.875rem; border-radius: .5rem } } .support-details__section { padding-top: 3rem } .support-details__section:first-child { padding-top: 0 } .support-details__section-title { margin-bottom: 1em; font-weight: 300; font-size: 1.5rem } @media (min-width:768px) { .support-details__section-title { font-size: 2rem } } .support-details__section-link { font-size: .75em; margin-left: .5em; color: #afafaf } .support-details__section-link:hover { color: #072447 } .support-details table { width: 100%; margin-bottom: 1rem; color: #1a2640; background-color: #f8fafc } .support-details table td, .support-details table th { vertical-align: top; font-size: 1em; line-height: 1.5; padding: 1rem .75rem .75rem 1.5rem } .support-details table td p, .support-details table th p { margin: 0 } @media (max-width:768px) { .support-details table td { padding-left: .75rem } } .support-details table thead th { vertical-align: bottom; border-bottom: 2px solid #d4d4d4; background: #072447; color: #fff } .support-details table tbody+tbody { border-top: 2px solid #d4d4d4 } .support-details table tbody tr:hover, .support-details table tbody tr:nth-of-type(odd) { color: #1a2640; background-color: #eef2f8 } .support-details table tbody>tr:first-child, .support-details table tbody>tr:first-child:hover { background: #d3dae5; color: #1a2640 } .support-details>a:not(.tab-item__link) { display: inline-block; font-weight: 600 } .support-details>a:not(.tab-item__link):after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: .4em; vertical-align: middle } .support-details ul:not(.tabs) { list-style-type: none; padding: 0; margin-top: .625rem } .support-details ul:not(.tabs) li { position: relative; padding-left: 1.875rem; margin-bottom: 1em } .support-details ul:not(.tabs) li>ul { margin-top: 15px } .support-details ul:not(.tabs) li:last-child { margin-bottom: 0 } .support-details ul:not(.tabs) li:before { content: " "; position: absolute; left: 0; background-color: #072447; border-radius: 50%; top: .4375rem; width: .5rem; height: .5rem } .support-details ul:not(.tabs) li a { font-weight: 700; text-decoration: underline } .support-details ul:not(.tabs)-sm { padding-left: .4375rem } .support-details ul:not(.tabs)-sm li { padding-left: 1.125rem; margin-bottom: .875rem } .support-details ul:not(.tabs)-sm li:before { top: .5rem; width: .375rem; height: .375rem } @media (min-width:576px) { .support-details ul:not(.tabs)-sm { padding-left: .4375rem } .support-details ul:not(.tabs)-sm li { padding-left: 1.125rem; margin-bottom: 1.5625rem } .support-details ul:not(.tabs)-sm li:before { top: .4375rem; width: .5rem; height: .5rem } } .support-details ul:not(.tabs)-tight li { margin-bottom: .875rem } .support-details__bar { position: absolute; top: 0; left: 0; right: 0; z-index: 3 } @media (min-width:992px) { .support-details__bar { top: 1rem; left: 1rem } } .support-details__bar-inner { display: flex; padding-top: 1rem; padding-bottom: 1rem; flex-direction: column-reverse } .support-details__bar-title { color: #757575; font-weight: 600; margin-bottom: .5rem } .support-details__bar-side { text-align: right; padding-bottom: 1rem } @media (min-width:992px) { .support-details__bar-inner { flex-direction: row } .support-details__bar-main { flex: 0 0 100%; max-width: 100%; padding-right: 1.625rem } .support-details__bar-side { flex: 0 0 25%; max-width: 25%; align-self: flex-end; text-align: left; padding-bottom: 0; padding-left: 1rem; color: #fff } .support-details__bar-side a { color: inherit } } @media (min-width:992px) { .support-details__bar-main-inner { padding-left: 1rem; padding-right: 2rem } } .support-details__bar-menu-wrapper { position: relative; padding-left: 1rem; padding-right: 1rem } @media (min-width:992px) { .support-details__bar-menu-wrapper { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem } } .support-details__bar-menu .swiper-slide { width: auto } .support-details__bar-menu-next, .support-details__bar-menu-prev { position: absolute; top: -.25rem; line-height: 2.75rem; text-align: center; width: 1rem; color: #072447 } .support-details__bar-menu-next.swiper-button-disabled, .support-details__bar-menu-prev.swiper-button-disabled { opacity: .5 } @media (min-width:992px) { .support-details__bar-menu-next.swiper-button-disabled, .support-details__bar-menu-prev.swiper-button-disabled { opacity: 1; display: none } } .support-details__bar-menu-prev { left: -.5rem; width: 1.5rem; border-right: 1px solid #d4d4d4; padding-right: .5rem } .support-details__bar-menu-next { right: 0; padding-left: .5rem; border-left: 1px solid #d4d4d4 } .support-details__bar.sticky { position: fixed; top: 4.375rem; left: 0; right: 0; background-color: #fff; box-shadow: 0 15px 30px rgba(0, 0, 0, .15); z-index: 1020; transition: top .3s } @media (min-width:1199px) { .support-details__bar.sticky { top: 4.375rem } } @media (min-width:1199px) { .support-details__bar.sticky.sticky-up { top: 6.875rem } } .support-details__bar.sticky .support-details__bar, .support-details__bar.sticky .support-details__bar-title { display: none } @media (min-width:992px) { .support-details__bar.sticky .support-details__bar-title { display: block } } .support-details__bar.sticky .support-details__bar-side { display: none; color: inherit; align-self: center; text-align: right } @media (min-width:992px) { .support-details__bar.sticky .support-details__bar-side { display: block } } .support-details__bar.sticky .support-details__bar-side a { color: #072447 } .support-details__vote { margin: 1.625rem 0; overflow: hidden; border-radius: .5rem } .support-details__vote .action-footer { margin-bottom: 0; background-color: #2765ff; border-radius: 0 } .support-details__vote .action-footer input[type=radio] { position: absolute; visibility: hidden } .support-details__vote-option { position: relative; margin: 0 .5rem; cursor: pointer } .support-details__vote-option>input { position: absolute; visibility: hidden } .support-details__vote-like>input:checked+i:before { content: "" } .support-details__vote-dislike>input:checked+i:before { content: "" } .support-details__vote-form-wrapper { display: none } .support-details__vote-form { padding: 1.25rem; border-radius: 0 0 .5rem .5rem; background-color: #fff } .support-details__navigation { display: flex; justify-content: space-between } .support-details__navigation>a { display: flex; align-items: center; font-weight: 600 } .support-details__navigation>a>span { padding: 0 .5rem } .support-details__navigation-next { text-align: right } .support-details__sidebar-item { margin-bottom: 2rem } @media (min-width:992px) { .support-details__sidebar-item { margin-bottom: 3rem } } .support-details__sidebar-title { margin-bottom: 1.375rem; font-weight: 300; text-align: left } @media (min-width:576px) { .support-details__sidebar-title { text-align: initial } } .support-details__sidebar-links { margin: 0; padding: 0; list-style: none; text-align: left } .support-details__sidebar-links>li { margin-bottom: 1.5rem; font-weight: 600 } .support-details__sidebar-links>li>span { display: block; margin-bottom: .125rem; font-size: .75rem; color: #757575 } .support-details__section a:not(.tab-item__link) { font-weight: 700; text-decoration: underline } .support-details__content a.collapse__toggle, .support-details__section-link, a.btn, a.tab-item__link { text-decoration: none !important } .support-card { display: flex; position: relative; flex-direction: column; justify-content: space-between; min-height: 9.375rem; margin-bottom: 1.25rem; border-radius: .5rem; background-color: #fff; font-size: .75rem; color: #757575; overflow: hidden; transition: all .3s } .support-card:hover { color: #757575 } .support-card--bordered { border: 1px solid #e4e9f0 } .support-card i { color: #072447 } .support-card--smaller .support-card__top { position: absolute; width: 100% } .support-card--smaller .support-card__body { padding-top: 3.875rem } @media (min-width:768px) { .support-card--smaller .support-card__body { padding-top: 2.875rem } } .support-card__top { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: auto; padding: 1rem 1rem 0 } @media (min-width:576px) { .support-card__top { flex-direction: row-reverse } } .support-card__icon { text-align: center; font-size: 1.125rem } .support-card__icon>i { display: inline-block; width: 2.25rem; line-height: 2.25rem; border-radius: 50%; text-align: center; background-color: #eceff7 } .support-card__icon>img { width: 2.25rem } .support-card__body { position: relative; margin-top: auto; padding: 1.25rem } .support-card__title { margin-top: .375rem; margin-bottom: 0; font-weight: 600; font-size: .875rem; color: #072447 } .support-card__title+.support-card__meta { margin-top: .5rem } .support-card--cover { min-height: 12.5rem } @media (min-width:768px) { .support-card--cover { min-height: 16.25rem } } .support-card__cover, .support-card__cover:after { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .support-card__cover:after { content: ""; background-color: rgba(7, 36, 71, .3) } .support-card__cover>img { position: relative; width: 100%; height: 100%; object-fit: cover } .support-card__cover-play { height: 100%; margin: auto auto 0; z-index: 2 } .support-card__body--cover { min-height: 6.5rem; background-color: rgba(7, 36, 71, .75); color: #fff } .support-card__body--cover .support-card__title { color: #fff } .support-grid { display: block; margin-left: -.625rem; margin-right: -.625rem; margin-bottom: 1.875rem; overflow: hidden } .support-grid .support-card { margin-bottom: 0 } .support-grid.support-grid-1 .support-grid__item, .support-grid.support-grid-1 .support-grid__sizer { width: 100% } .support-grid.support-grid-2 .support-grid__item, .support-grid.support-grid-2 .support-grid__sizer { width: 50% } .support-grid.support-grid-3 .support-grid__item, .support-grid.support-grid-3 .support-grid__sizer { width: 33.3% } .support-grid.support-grid-4 .support-grid__item, .support-grid.support-grid-4 .support-grid__sizer { width: 25% } .support-grid.support-grid-5 .support-grid__item, .support-grid.support-grid-5 .support-grid__sizer { width: 20% } .support-grid__item, .support-grid__sizer { width: 50% } @media (min-width:992px) { .support-grid__item, .support-grid__sizer { width: 33.33% } } @media (min-width:1200px) { .support-grid__item, .support-grid__sizer { width: 25% } } .support-grid__item { padding: 0 .625rem 1.25rem } .loans-overview-answers .support-card__title { line-height: 20px } .loans-overview-answers .support-card__body--cover { min-height: auto; padding: 1.25rem } .loans-overview-answers .support-grid { margin-bottom: 1.25rem } @media (min-width:992px) { .loans-overview-answers .support-grid { margin-bottom: .875rem } } .support-grid--same-size .support-card { min-height: 11.875rem } @media (min-width:768px) { .support-grid--same-size .support-card { min-height: 9.375rem; max-height: none } } @media (min-width:768px) { .support-grid--same-size .support-card--cover { min-height: 16.25rem } } .support-grid--same-size .support-card__body { padding: 1rem; max-height: 7.5rem } @media (min-width:768px) { .support-grid--same-size .support-card__body { padding: 1.25rem; max-height: none } } .support-grid--same-size .support-card__title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .more-topics__support-card { height: 100% } .more-topics__section-title { margin-bottom: .75rem } .ksa-masonry .support-grid { display: block; margin-left: -.625rem; margin-right: -.625rem; margin-bottom: 1.875rem; overflow: hidden } .ksa-masonry .support-grid .support-card { margin-bottom: 0 } .ksa-masonry .support-grid__item, .ksa-masonry .support-grid__sizer { width: 50% } @media (min-width:992px) { .ksa-masonry .support-grid__item, .ksa-masonry .support-grid__sizer { width: 33.33% } } @media (min-width:1200px) { .ksa-masonry .support-grid__item, .ksa-masonry .support-grid__sizer { width: 25% } } @media (min-width:1200px) { .ksa-masonry .support-grid__item-1 { width: 50% } } .ksa-masonry .support-grid__item { padding: 0 .625rem 1.25rem } .ksa-grid .row>div>div { background: linear-gradient(45deg, rgba(0, 0, 0, .3215686274509804), transparent); margin: .2rem; height: calc(100% - .2rem) } .masonry-data-img { min-height: 100vh; height: 100% } @media screen and (max-width:768px) { .masonry-data-img { height: auto; min-height: unset } } .support-search { display: block; position: relative; max-width: 40rem; width: 100%; color: #000 } .support-search__icon { left: 1.25rem } .support-search__icon, .support-search__mic, .support-search__reset { position: absolute; top: 1rem; font-size: 1.25rem; color: #072447; z-index: 12 } .support-search__mic, .support-search__reset { right: 1rem; padding: 0; border: none; background: none; box-shadow: none; outline: none } .support-search__reset { display: none } .support-search__input { padding-left: 3.25rem; padding-right: 3.25rem; text-overflow: ellipsis; position: relative; z-index: 11 } .support-search__result { position: absolute; max-height: 15.625rem; overflow-y: auto; box-sizing: border-box; top: 100%; left: 0; right: 0; margin: -.625rem 0 0; z-index: 10; list-style: none; background-color: #fff; border-top: .625rem solid #eef2f8; border-radius: 0 0 .75rem .75rem; outline: none; box-shadow: 0 .5rem 1.875rem rgba(0, 0, 0, .35); transition: opacity .15s ease-in-out } .support-search__result:before { content: ""; position: absolute; top: 0; left: 0; right: 0; border-top: 1px solid #072447 } .support-search__result a { color: #072447; font-weight: 300 } .support-search__result a:hover { color: #000101 } .support-search__result a mark { padding: 0; font-weight: 600; background-color: transparent; color: inherit; font-size: 1rem } .support-search__result-item { margin-bottom: 0; padding: .4rem 1rem; cursor: pointer } .support-search__result-item:first-of-type { padding-top: 1rem } .support-search__result-item:last-of-type { padding-bottom: 1rem } .support-search__result-item:hover { background: #eef2f8; transition: .3s } .support-search__result-view-all { padding: 0 1rem; margin: 1.25rem 0 } @media (min-width:768px) { .support-search__result-view-all { margin: 1.25rem 0 2rem } } .support-search__result-msg { padding: .875rem 1rem; font-weight: 600 } .support-search__suggestion { padding: 1rem 1rem .375rem; background-color: #eef2f8 } .support-search__suggestion h5 { margin-bottom: .875rem; font-size: .875rem; font-weight: 300 } .support-search__suggestion a { margin-right: .875rem; margin-bottom: .875rem; background-color: #fff; border: none } @media (min-width:768px) { .support-search__result-item, .support-search__result-msg, .support-search__result-view-all, .support-search__suggestion { padding-left: 3.25rem } } .support-search .clear-input.icon-close { right: 1.25rem } .support-tracking-form { display: flex; flex-direction: column; align-items: center; width: 61rem; max-width: 100%; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto } @media (min-width:768px) { .support-tracking-form { flex-direction: row; align-items: flex-start } } .support-tracking-form__label { flex: 0 0 auto; margin: .625rem 0 1rem } @media (min-width:768px) { .support-tracking-form__label { margin-right: 1rem } } .support-tracking-form__button { width: 100%; flex: 0 0 auto; padding-top: 1rem; padding-bottom: 1rem } @media (min-width:768px) { .support-tracking-form__button { width: auto } } .support-tracking-form__description { font-size: .75rem; color: #757575 } .support-tracking-form__form { width: 100%; flex: 1 1 100%; margin-bottom: 1.5rem; text-align: center } .support-tracking-form__form input { margin-bottom: .375rem } @media (min-width:768px) { .support-tracking-form__form { width: auto; margin-right: 1rem; margin-bottom: 0; text-align: initial } } .cd-container { width: 90%; max-width: 1100px; margin: 0 auto } .cd-container:after { content: ""; display: table; clear: both } #cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em } #cd-timeline:before { content: ""; position: absolute; top: 0; left: 18px; height: 100%; width: 2px; background: #e2e2e2 } @media only screen and (min-width:1100px) { #cd-timeline { margin-top: 3em; margin-bottom: 3em } #cd-timeline:before { left: 50%; margin-left: -2px } } .cd-timeline-block { position: relative; margin: 2em 0 } .cd-timeline-block:after { display: block; clear: both; content: "" } .cd-timeline-block:first-child { margin-top: 0 } .cd-timeline-block:last-child { margin-bottom: 0 } @media only screen and (min-width:1100px) { .cd-timeline-block { margin: 4em 0 } .cd-timeline-block:first-child { margin-top: 0 } .cd-timeline-block:last-child { margin-bottom: 0 } } .cd-timeline-img { position: absolute; top: 50%; transform: translateY(-50%) !important; left: 0; width: 1.25rem; height: 1.25rem; border-radius: 50%; background-color: #072447 !important } @media (max-width:991.98px) { .cd-timeline-img { left: 9px } } .cd-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px } .cd-timeline-img.cd-picture { background: #75ce66 } .cd-timeline-img.cd-movie { background: #c03b44 } .cd-timeline-img.cd-location { background: #f0ca45 } @media only screen and (min-width:1100px) { .cd-timeline-img { left: 50%; margin-left: -10px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden } .cssanimations .cd-timeline-img.is-hidden { visibility: hidden } .cssanimations .cd-timeline-img.bounce-in { visibility: visible } } .cd-timeline-content { position: relative; margin-left: 60px; background: #fff; border-radius: .5rem; border: 1px solid #e4e9f0 } .cd-timeline-content:after { display: block; clear: both; content: "" } .cd-timeline-content .timeline__content { padding: 1.3rem } .cd-timeline-content .timeline__video:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2) } .cd-timeline-content .timeline__video .timeline__playbutton { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); z-index: 99; max-width: 30px; transition: all .3s } .cd-timeline-content .timeline__video .timeline__playbutton:hover { transform: translate(-50%, -50%) scale(1.3) } .cd-timeline-content picture { border-radius: .5rem .5rem 0 0 } .cd-timeline-content h2 { color: #000; font-size: 1.25rem; margin-bottom: 0; font-weight: 700 } .cd-timeline-content .cd-date, .cd-timeline-content .cd-read-more, .cd-timeline-content p { font-size: .8125rem } .cd-timeline-content .cd-date, .cd-timeline-content .cd-read-more { display: inline-block } .cd-timeline-content p { margin: .5rem 0 0; font-size: .875rem } .cd-timeline-content .link-arrow { margin-top: 2rem } .cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7 } @media only screen and (min-width:1100px) { .cd-timeline-content { margin-left: 0; width: 38.2% } .cd-timeline-content:before { top: 24px; left: 100%; border-color: transparent transparent transparent #fff } .cd-timeline-content .cd-read-more { float: left } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 1rem } .cd-timeline-block:nth-child(2n) .cd-timeline-content, .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-read-more { float: right } .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right } .cssanimations .cd-timeline-content.is-hidden { visibility: hidden } .cssanimations .cd-timeline-content.bounce-in { visibility: visible } } .title--year { padding: .3rem } .title--month, .title--year { background-color: #fff; position: relative } .title--month { padding: .5rem } .timeline-v1 .cd-timeline-img { background: #fff !important } @media screen and (min-width:1100px) { .timeline-v1 .cd-timeline-img { width: 10.8%; height: 2px; background: #072447 !important; left: 39.2%; margin-left: 0; border-radius: unset; z-index: 2 } .timeline-v1 .cd-timeline-img span { position: absolute; right: 0; transform: translate(50%, -50%); background: #fff; border-radius: 50%; width: 2.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; color: #072447 } .timeline-v1 .cd-timeline-img:before { content: ""; width: .75rem; position: absolute; height: .75rem; background-color: #fff !important; border: 2px solid #072447; z-index: 1; border-radius: 50%; left: 0; transform: translateY(-50%) !important; box-shadow: -1px -1px 2px 9px rgba(135, 154, 217, .61); -webkit-box-shadow: -1px -1px 2px 9px rgba(135, 154, 217, .61); -moz-box-shadow: -1px -1px 2px 9px rgba(135, 154, 217, .61) } .timeline-v1 .cd-timeline-block:nth-child(2n) .cd-timeline-img { left: 50% } .timeline-v1 .cd-timeline-block:nth-child(2n) .cd-timeline-img span { left: 0; right: unset; transform: translate(-50%, -50%) } .timeline-v1 .cd-timeline-block:nth-child(2n) .cd-timeline-img:before { left: 100% } .timeline-v1.timeline-transparent .cd-timeline-img:before { border: #fff; box-shadow: -1px -1px 2px 9px rgba(255, 233, 233, .11); -webkit-box-shadow: -1px -1px 2px 9px rgba(255, 233, 233, .11); -moz-box-shadow: -1px -1px 2px 9px rgba(255, 233, 233, .11) } } .transfer-country { padding: 2rem 0 } @media (min-width:992px) { .transfer-country { padding: 4rem 0 } } .transfer-country__tabs { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: .55rem } @media (min-width:768px) { .transfer-country__tabs { grid-template-columns: repeat(2, 1fr) } } @media (min-width:992px) { .transfer-country__tabs { grid-template-columns: repeat(3, 1fr); grid-gap: 1.25rem; max-width: 60.625rem; margin: 0 auto } } .transfer-country__tabs.is-active { display: none } .transfer-country__tab { background: #fff; border-radius: .5rem; display: flex; align-items: center; cursor: pointer; padding: 1rem 3.5rem 1rem 1.5rem; position: relative; overflow: hidden; transition: all .3s ease } @media (min-width:768px) { .transfer-country__tab { padding: 1.5rem } } .transfer-country__tab:hover { box-shadow: 0 5px 5px rgba(0, 0, 0, .1) } .transfer-country__tab:hover .transfer-country__tab-name { color: #072447 } .transfer-country__tab:hover .transfer-country__tab-currency { color: #212529 } .transfer-country__tab:hover:after { color: #072447 } .transfer-country__tab:active { box-shadow: 0 2px 2px rgba(0, 0, 0, .3) } .transfer-country__tab:after { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; vertical-align: middle; color: #afafaf; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); transition: all .3s ease } @media (min-width:768px) { .transfer-country__tab:after { content: none } } .transfer-country__tab-info { overflow: hidden } .transfer-country__icon-country { flex: 0 0 2rem } .transfer-country__tab-name { font-weight: 600; color: #000; margin-bottom: .25rem; font-size: 1.25rem; display: block; white-space: nowrap } .transfer-country__tab-currency, .transfer-country__tab-name { overflow: hidden; text-overflow: ellipsis; transition: all .3s ease } .transfer-country__tab-currency { color: #757575; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .transfer-country__content { max-width: 81.25rem; margin: 0 auto } .transfer-country__content-item { background: #fff; border-radius: .5rem; display: none } .transfer-country__content-item.is-active { display: block } .transfer-country__content-head { border-bottom: 1px solid #d4d4d4; position: relative; display: flex; align-items: center; padding: 1.5rem 3.5rem 1.5rem 1.5rem } @media (min-width:768px) { .transfer-country__content-head { padding: 2rem 4rem 2rem 1.5rem } } .transfer-country .transfer-country__tab-name { margin-bottom: 0 } .transfer-country__content-close { position: absolute; top: 1.125rem; right: 1.125rem; color: #072447; cursor: pointer; transition: all .3s ease } @media (min-width:768px) { .transfer-country__content-close { top: 1.625rem; right: 1.625rem } } .transfer-country__content-close:hover { color: #000 } .transfer-country__content-body { padding: 1.5rem 1rem } @media (min-width:768px) { .transfer-country__content-body { padding: 1.75rem 1.5rem } } .transfer-country__content-title { font-size: 1.125rem; font-weight: 300; margin-bottom: .5rem } @media (min-width:768px) { .transfer-country__content-title { margin-bottom: 1rem } } .transfer-country__content-list { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: .75rem } @media (min-width:768px) { .transfer-country__content-list { margin: 0 0 1.25rem; grid-template-columns: repeat(2, 1fr); grid-gap: .75rem 1.85rem } } .transfer-country__content-list>li { position: relative; padding-left: 2.125rem; margin-bottom: 0; display: flex; flex-direction: column } .transfer-country__content-list-icon { position: absolute; top: 0; left: 0; width: 1.25rem; height: 1.25rem } .transfer-country__content-list-name { font-size: 1rem; font-weight: 600; margin-bottom: .25rem } .transfer-country__content-list-desc { font-size: .75rem; font-weight: 300 } .transfer-country__content-list-bullet:last-child { margin-bottom: 0 } .transfer-country__content-list-bullet>li { margin-bottom: .75rem } .transfer-country__content-form { border-top: 1px solid #e4e9f0; margin-top: 1.375rem; padding: 1.375rem 0 0 } @media (min-width:992px) { .transfer-country__content-form { padding: 2rem; margin-top: 0; border: 1px solid #e4e9f0; border-radius: .5rem } } .transfer-country__content-rate { font-size: .75rem; font-weight: 400; color: #757575; margin: .313rem 1rem } .transfer-country__content-form-footer { display: flex; flex-direction: column-reverse } @media (min-width:576px) { .transfer-country__content-form-footer { align-items: center; flex-direction: row } } .transfer-country__content-form-limit { margin: 0 1rem 2rem } @media (min-width:576px) { .transfer-country__content-form-limit { margin: 0 0 0 1rem } } .transfer-country__content-form-limit-name { font-size: .75rem; font-weight: 300 } .transfer-country__content-form-limit-summ { font-weight: 600; font-size: 1rem } .transfer-country .float-label label { pointer-events: none } html[dir=rtl] .transfer-country__tab:after { content: "" } @media (min-width:768px) { html[dir=rtl] .transfer-country__tab:after { content: none } } .directremit-page.card-detail-section { padding-top: 5rem !important } .directremit-page .section__title { margin-bottom: 4.5rem !important } .update--section { padding-top: 2rem; padding-bottom: 2.125rem } @media (min-width:992px) { .update--section { padding-top: 5rem; padding-bottom: 5rem } } .update--section__title { margin-bottom: 1rem } @media (max-width:767.98px) { .update--section__title { line-height: 1.5 } } @media (min-width:992px) { .update--section__title { margin-bottom: 1.5rem } } .update--section__sort-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; margin-bottom: 1rem } @media (min-width:992px) { .update--section__sort-head { margin-bottom: 3.25rem } } .update--section__sort-head .tabs, .update--section__sort-head .tabs-responsive { border: none; flex-wrap: wrap } .update--section__sort-year { font-weight: 600; color: #757575; font-size: .75rem; padding: .375rem 1.5rem .375rem .75rem; line-height: 1.25rem } .update--section__sort-item { margin-right: 1rem; margin-bottom: 1rem; display: inline-block } .update--section__sort-item>span { min-width: 4rem } @media (min-width:992px) { .update--section__content { display: flex } } .update--section__slider-wrapper { overflow: hidden } @media (min-width:992px) { .update--section__slider-wrapper { flex: 0 0 600px } } @media (min-width:1200px) { .update--section__slider-wrapper { flex: 0 0 640px } } .update--section__slider { position: relative; border-radius: .375rem; overflow: hidden; margin-bottom: 2rem } @media (min-width:992px) { .update--section__slider { margin-bottom: 0 } } .update--section__slider-image { position: relative; display: flex } .update--section__slider-image>img { width: 100% } .update--section__slider-image:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: var(--overlay-bg, linear-gradient(180deg, rgba(12, 11, 27, .91), rgba(32, 31, 42, .19))); opacity: .6; pointer-events: none } .update--section__slider-full-screen { width: 3rem; height: 3rem; border-radius: 50%; background-color: #2765ff; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 1rem; right: 1rem; cursor: pointer; z-index: 1; transition: all .3s ease } .update--section__slider-full-screen:active, .update--section__slider-full-screen:hover { background-color: #0e53ff } .update--section__slider-navigation { font-size: 1rem; display: flex; align-items: center; justify-content: center; width: 100%; margin: 1.125rem 0 1.625rem } @media (min-width:992px) { .update--section__slider-navigation { color: #fff; position: absolute; bottom: 1.75rem; right: 5.25rem; width: auto; margin: 0; z-index: 1 } } @media (min-width:992px) { .update--section__slider-navigation .swiper-button-disabled { opacity: 0; visibility: hidden } } .update--section__slider-controls { width: auto } .update--section__slider-next, .update--section__slider-prev { color: #072447 } @media (min-width:992px) { .update--section__slider-next, .update--section__slider-prev { color: inherit } } .update--section__slider-prev { margin-right: 1.675rem } .update--section__slider-next { margin-left: 1.675rem } .update--section__slider-download-wrapper { display: flex; justify-content: center; align-items: center } @media (min-width:992px) { .update--section__slider-download-wrapper { position: absolute; bottom: 1.75rem; left: 1rem; z-index: 1; justify-content: flex-start } } .update--section__slider-download { min-width: 10rem; margin-right: 1rem; font-size: .938rem; padding-top: .5rem; padding-bottom: .5rem } @media (min-width:992px) { .update--section__slider-download { font-size: .75rem; min-width: 8.813rem; padding-top: .25rem; padding-bottom: .25rem } } .update--section__slider-info { color: #757575; font-size: .75rem; font-weight: 600; line-height: 1.3 } @media (min-width:992px) { .update--section__slider-info { color: #fff } } .update--section__downloads-col { flex: 1 } @media (min-width:768px) { .update--section__downloads-col { margin-right: 1.5rem; margin-left: 2.75rem } } .update--section__downloads { margin-top: -.5875rem } @media (min-width:992px) { .update--section__downloads { margin-top: -.75rem } } .update--section__download { position: relative; background-color: #fff; line-height: 1.4; margin-bottom: 0; transition: all .3s ease } .update--section__download:hover { opacity: .75 } .update--section__download:hover:before { background-color: #072447 } .update--section__download:before { content: ""; position: absolute; right: 0; bottom: 0; height: 1px; width: calc(100% - 2.375rem); background-color: #efefef; transition: all .3s ease } .update--section__download--wrapper { display: flex; padding: .75rem 0 } .update--section__download--image { width: 2.375rem } .update--section__download--dot { width: 3px; height: 3px; border-radius: 50%; background-color: #757575 } .update--section__view-all { margin-top: 1rem; text-align: center } @media (min-width:992px) { .update--section__view-all { margin-top: 1.625rem } } .upload-form-group { margin-bottom: 1rem; border-radius: .75rem; width: 100%; background-color: #eef2f8 } .upload-form-group--wrapper { padding: 1.5rem 1.5rem .5rem } .upload-form-group--wrapper .preview-file { display: none } .upload-form-group [data-upload-both=false] { display: block } .upload-form-group [data-upload-both=false]+.upload-both, .upload-form-group [data-upload-both=true] { display: none } .upload-form-group [data-upload-both=true]+.upload-both { display: block } .upload-switch-box { display: inline-block; cursor: pointer } .upload-switch-box>input { display: none } .upload-switch-box>span { display: inline-block; position: relative; padding-right: 2.875rem; font-size: .75rem } .upload-switch-box>span:before { content: ""; display: inline-block; position: absolute; right: 0; top: .1875rem; width: 2.25rem; height: .875rem; border-radius: .875rem; background-color: #d3dae6 } .upload-switch-box>span:after { content: ""; display: inline-block; position: absolute; right: 1rem; top: 0; width: 1.25rem; height: 1.25rem; background-color: #fafafa; box-shadow: 0 1px 3px rgba(0, 0, 0, .14); border-radius: 50%; transition: all .3s } .upload-switch-box>input:checked+span:before { border-color: #072447; background-color: #072447 } .upload-switch-box>input:checked+span:after { right: 0 } .useful-links { padding: 2.25rem 0 } @media (min-width:768px) { .useful-links { padding: 5rem 0 6.25rem } } .useful-links>.container { max-width: 1008px } .useful-links__title { margin-bottom: 2rem; line-height: 1.15 } @media (min-width:768px) { .useful-links__title { margin-bottom: 3rem } } .useful-links__wrapper { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1.375rem } @media (min-width:768px) { .useful-links__wrapper { grid-template-columns: repeat(3, 1fr); grid-gap: 1rem } } .useful-links__category { text-align: center } .useful-links__category-name { font-weight: 600; font-size: .75rem; line-height: 1.5; color: #072447; margin-bottom: 1rem } @media (min-width:768px) { .useful-links__category-name { margin-bottom: 1.5rem } } .useful-links__list { padding: 0; margin: 0; list-style: none } .useful-links__list li:not(:last-of-type) { margin-bottom: .5rem } @media (min-width:768px) { .useful-links__list li:not(:last-of-type) { margin-bottom: 1rem } } .useful-links__list li a { line-height: 1.5; font-size: 1rem; color: #757575; transition: all .3s ease } .useful-links__list li a:active, .useful-links__list li a:hover { color: #072447 } .work-details__map-button { display: inline-flex; text-align: center; justify-content: space-between; width: 4rem; font-size: .875rem; box-shadow: 0 5px 15px rgba(0, 0, 0, .12) } .work-details__map-button>i { font-size: 1.25rem } .work-details__map-button--hide, .work-details__map-button>span { display: none } .work-details-map--show-map .work-details__map { display: block } .work-details-map--show-map .work-details__map-button--hide { display: inline-flex } .work-details-map--show-map .work-details__map-button--show { display: none } .work-details__map { display: none; padding-top: 1rem; width: 100%; height: 100% } .work-details__map--container { height: 18rem; background-color: #757575; border-radius: .5rem } @media (min-width:768px) { .work-details__map-button { flex: 0 1 9.0625rem; min-width: 9.0625rem } .work-details__map-button>span { display: block } .work-details-map--show-map .work-details__map { display: block; position: static } } .work-details-map-info { padding: 0; color: #000; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji } .work-details-map-info__title { margin-bottom: .25rem; font-size: .875rem; font-weight: 600 } .work-details-map-info__subtitle { margin-bottom: .5rem; font-size: .75rem; font-weight: 300 } .work-details-map-info__button { min-width: 5.375rem; padding: .3125rem .5rem; border-radius: 1.25rem; border: none } .work-details-map-info__button>i { margin-right: .25rem } .upload-type__block.success { border: 1px solid #0d8448 !important } .upload-type__block.success i { color: #0d8448 } .upload-type__block.error { border: 1px solid #d22323 !important } .upload-type__block.error i { color: #d22323 } .light-slate-gray { background-color: #7a96ac !important } .promocard-highlight__fw { position: relative } .promocard-highlight__fw .ccbenefits, .promocard-highlight__fw .col-md-12 { position: unset } .promocard-highlight__fw .container .ccbenefits { border-radius: 0 !important } @media (max-width:991.98px) { .promocard-highlight__fw .container .ccbenefits p.text-white { color: #072447 !important } } .heading-block>.container>div>h4 { font-size: 1.25rem !important; font-weight: 300 !important } .heading-block>.container>div>h2 { font-size: 2.375rem !important } .heading-block>.container>div>div.fw-light.text-center { font-size: 1rem } .heading-block>.container-lg>div>h4 { font-size: 1.25rem !important; font-weight: 300 !important } .heading-block>.container-lg>div>h2 { font-size: 2.375rem !important } .heading-block>.container-lg>div>div.fw-light.text-center { font-size: 1rem } .heading-block__pb-0>.container>.pb-5 { padding-bottom: 0 !important } @media (min-width:768px) { .heading-block>.container>.row>.col-12>p { font-size: 1.25rem !important; font-weight: 300 !important } .heading-block>.container>.row>.col-12>h2 { font-size: 2.375rem !important } .heading-block>.container>.row>.col-12>.fw-light.fs-18.mb-4.text-center { font-size: 1.5rem } .heading-block>.container div>p.jumbotron__title.text-center { font-size: 1.25rem !important; font-weight: 300 !important; color: #757575; margin-bottom: .625rem } .heading-block>.container div>.section__title { font-size: 2.375rem !important; margin-bottom: .875rem !important } .heading-block>.container div>p.fw-light.fs-18 { margin-top: 1.313rem } } .heading-block>.container-lg div>p.jumbotron__title.text-center { font-size: 1.25rem !important; font-weight: 300 !important; color: #757575; margin-bottom: .625rem } .heading-block>.container-lg div>.section__title { font-size: 2.375rem !important; margin-bottom: .875rem !important } .heading-block>.container-lg div>p.fw-light.fs-18 { margin-top: 1.313rem } @media screen and (max-width:576px) { .heading-block>.container>div>h4 { font-size: 1.125rem !important; font-weight: 300 !important } .heading-block>.container>div>h2 { font-size: 1.5rem !important } .heading-block>.container>div>div.fw-light.text-center { font-size: .875rem !important } .heading-block>.container-lg>div>h4 { font-size: 1.125rem !important; font-weight: 300 !important } .heading-block>.container-lg>div>h2 { font-size: 1.5rem !important } .heading-block>.container-lg>div>div.fw-light.text-center { font-size: .875rem !important } } .cards-only .cc-block__cover { background-color: #fff } .cards-only .cc-block__cover-picture { padding: 1.5rem 0 0; border-bottom: none } .cards-only .cc-block__cover-picture img { object-fit: contain } .cardlist__grin:has(.btn-primary) { position: relative } .cardlist__grin:has(.btn-primary) .swiper-container { position: unset } .cardlist__grin .swiper-button-prev { left: -5% } .cardlist__grin .swiper-button-next { right: -5% } @media only screen and (min-width:576px) { .cardlist__grin .swiper-pagination { display: none } } @media only screen and (max-width:576px) { .cardlist__grin .swiper-button-next, .cardlist__grin .swiper-button-prev { display: none } } .fluid--fw-container .container, .fluid--fw-container .container-lg { max-width: 1920px; width: 100% } .fluid--mw-content .container-lg>div:first-child, .fluid--mw-content .container>div:first-child { max-width: 80%; margin: 0 auto } .cib--banking-card .rm-flex .banking-cards__wrapper { display: flex } .typo--primary :not(.btn) { color: #072447 !important } .typo-1 .banner-slider__sub-title { font-size: 1.625rem } .typo-1 .banner-slider__title { font-size: 2.75rem } .typo-1 .banner-slider__desc { font-size: 1.25rem } .typo-1 .btn { font-size: 1.125rem } .typo-1 .card-banner__info-title { font-size: 1rem } .typo-1 .card-banner__info-desc { font-size: 1.025rem } .typo-1 .ccbenefits__title { font-size: 1.825rem } .typo-1 .fs-16 { font-size: 1.125rem !important } .typo-1 .ccbenefits a { font-size: 1rem } .typo-1 .fs-14 { font-size: 1rem !important } .typo-1 .cards-cta__title { font-size: 2.75rem } .typo-1 .block-grid__title { font-size: 1.225rem } .typo-1 .block-grid__body p, .typo-1 .block-grid__content { font-size: 1.125rem } .typo-1 .card__title { font-size: 1.625rem } .typo-1 .card a { font-size: 1rem } .typo-1 .card-banner__body h1.fw-semibold { font-size: 2.438rem } .typo-1 .tab-item__link { font-size: 1.125rem } .typo-1 .fs-20 { font-size: 1.375rem !important } .typo-1 .card .card__text, .typo-1 .card p, .typo-1 .card ul li, .typo-1 .collapse__toggle, .typo-1 .editor-detail, .typo-1 .tab-pane p { font-size: 1.125rem } .typo-1 .fs-12 { font-size: 1.125rem !important } .typo-1 .link-arrow { font-size: 1.125rem } .typo-1 .ccbenefits p { font-size: 1.125rem !important } .typo-1 .ccbenefits ul li { font-size: 1.125rem } .typo-1 .fs-18 { font-size: 1.25rem !important } .typo-1 .tabular-data__table td, .typo-1 .tabular-data__table th { font-size: 1.125rem } .typo-1 .fs-32 { font-size: 2.125rem !important } .typo-2 .banner-slider__sub-title { font-size: 1.75rem } .typo-2 .banner-slider__title { font-size: 2.875rem } .typo-2 .banner-slider__desc { font-size: 1.375rem } .typo-2 .btn { font-size: 1.25rem } .typo-2 .card-banner__info-title { font-size: 1.125rem } .typo-2 .card-banner__info-desc { font-size: 1.15rem } .typo-2 .ccbenefits__title { font-size: 1.95rem } .typo-2 .fs-16 { font-size: 1.25rem !important } .typo-2 .ccbenefits a { font-size: 1.125rem } .typo-2 .fs-14 { font-size: 1.125rem !important } .typo-2 .cards-cta__title { font-size: 2.875rem } .typo-2 .block-grid__title { font-size: 1.35rem } .typo-2 .block-grid__body p, .typo-2 .block-grid__content { font-size: 1.25rem } .typo-2 .card__title { font-size: 1.75rem } .typo-2 .card a { font-size: 1.125rem } .typo-2 .card-banner__body h1.fw-semibold { font-size: 2.563rem } .typo-2 .tab-item__link { font-size: 1.25rem } .typo-2 .fs-20 { font-size: 1.5rem !important } .typo-2 .card .card__text, .typo-2 .card p, .typo-2 .card ul li, .typo-2 .collapse__toggle, .typo-2 .editor-detail, .typo-2 .tab-pane p { font-size: 1.25rem } .typo-2 .fs-12 { font-size: 1.25rem !important } .typo-2 .link-arrow { font-size: 1.25rem } .typo-2 .ccbenefits p { font-size: 1.25rem !important } .typo-2 .ccbenefits ul li { font-size: 1.25rem } .typo-2 .fs-18 { font-size: 1.375rem !important } .typo-2 .tabular-data__table td, .typo-2 .tabular-data__table th { font-size: 1.25rem } .typo-2 .fs-32 { font-size: 2.25rem !important } .typo-3 .banner-slider__sub-title { font-size: 1.875rem } .typo-3 .banner-slider__title { font-size: 3rem } .typo-3 .banner-slider__desc { font-size: 1.5rem } .typo-3 .btn { font-size: 1.375rem } .typo-3 .card-banner__info-title { font-size: 1.25rem } .typo-3 .card-banner__info-desc { font-size: 1.275rem } .typo-3 .ccbenefits__title { font-size: 2.075rem } .typo-3 .fs-16 { font-size: 1.375rem !important } .typo-3 .ccbenefits a { font-size: 1.25rem } .typo-3 .fs-14 { font-size: 1.25rem !important } .typo-3 .cards-cta__title { font-size: 3rem } .typo-3 .block-grid__title { font-size: 1.475rem } .typo-3 .block-grid__body p, .typo-3 .block-grid__content { font-size: 1.375rem } .typo-3 .card__title { font-size: 1.875rem } .typo-3 .card a { font-size: 1.25rem } .typo-3 .card-banner__body h1.fw-semibold { font-size: 2.688rem } .typo-3 .tab-item__link { font-size: 1.375rem } .typo-3 .fs-20 { font-size: 1.625rem !important } .typo-3 .card .card__text, .typo-3 .card p, .typo-3 .card ul li, .typo-3 .collapse__toggle, .typo-3 .editor-detail, .typo-3 .tab-pane p { font-size: 1.375rem } .typo-3 .fs-12 { font-size: 1.375rem !important } .typo-3 .link-arrow { font-size: 1.375rem } .typo-3 .ccbenefits p { font-size: 1.375rem !important } .typo-3 .ccbenefits ul li { font-size: 1.375rem } .typo-3 .fs-18 { font-size: 1.5rem !important } .typo-3 .tabular-data__table td, .typo-3 .tabular-data__table th { font-size: 1.375rem } .typo-3 .fs-32 { font-size: 2.375rem !important } .typo-4 .banner-slider__sub-title { font-size: 2rem } .typo-4 .banner-slider__title { font-size: 3.125rem } .typo-4 .banner-slider__desc { font-size: 1.625rem } .typo-4 .btn { font-size: 1.5rem } .typo-4 .card-banner__info-title { font-size: 1.375rem } .typo-4 .card-banner__info-desc { font-size: 1.4rem } .typo-4 .ccbenefits__title { font-size: 2.2rem } .typo-4 .fs-16 { font-size: 1.5rem !important } .typo-4 .ccbenefits a { font-size: 1.375rem } .typo-4 .fs-14 { font-size: 1.375rem !important } .typo-4 .cards-cta__title { font-size: 3.125rem } .typo-4 .block-grid__title { font-size: 1.6rem } .typo-4 .block-grid__body p, .typo-4 .block-grid__content { font-size: 1.5rem } .typo-4 .card__title { font-size: 2rem } .typo-4 .card a { font-size: 1.375rem } .typo-4 .card-banner__body h1.fw-semibold { font-size: 2.813rem } .typo-4 .tab-item__link { font-size: 1.5rem } .typo-4 .fs-20 { font-size: 1.75rem !important } .typo-4 .card .card__text, .typo-4 .card p, .typo-4 .card ul li, .typo-4 .collapse__toggle, .typo-4 .editor-detail, .typo-4 .tab-pane p { font-size: 1.5rem } .typo-4 .fs-12 { font-size: 1.5rem !important } .typo-4 .link-arrow { font-size: 1.5rem } .typo-4 .ccbenefits p { font-size: 1.5rem !important } .typo-4 .ccbenefits ul li { font-size: 1.5rem } .typo-4 .fs-18 { font-size: 1.625rem !important } .typo-4 .tabular-data__table td, .typo-4 .tabular-data__table th { font-size: 1.5rem } .typo-4 .fs-32 { font-size: 2.5rem !important } .typo-5 .banner-slider__sub-title { font-size: 2.125rem } .typo-5 .banner-slider__title { font-size: 3.25rem } .typo-5 .banner-slider__desc { font-size: 1.75rem } .typo-5 .btn { font-size: 1.625rem } .typo-5 .card-banner__info-title { font-size: 1.5rem } .typo-5 .card-banner__info-desc { font-size: 1.525rem } .typo-5 .ccbenefits__title { font-size: 2.325rem } .typo-5 .fs-16 { font-size: 1.625rem !important } .typo-5 .ccbenefits a { font-size: 1.5rem } .typo-5 .fs-14 { font-size: 1.5rem !important } .typo-5 .cards-cta__title { font-size: 3.25rem } .typo-5 .block-grid__title { font-size: 1.725rem } .typo-5 .block-grid__body p, .typo-5 .block-grid__content { font-size: 1.625rem } .typo-5 .card__title { font-size: 2.125rem } .typo-5 .card a { font-size: 1.5rem } .typo-5 .card-banner__body h1.fw-semibold { font-size: 2.938rem } .typo-5 .tab-item__link { font-size: 1.625rem } .typo-5 .fs-20 { font-size: 1.875rem !important } .typo-5 .card .card__text, .typo-5 .card p, .typo-5 .card ul li, .typo-5 .collapse__toggle, .typo-5 .editor-detail, .typo-5 .tab-pane p { font-size: 1.625rem } .typo-5 .fs-12 { font-size: 1.625rem !important } .typo-5 .link-arrow { font-size: 1.625rem } .typo-5 .ccbenefits p { font-size: 1.625rem !important } .typo-5 .ccbenefits ul li { font-size: 1.625rem } .typo-5 .fs-18 { font-size: 1.75rem !important } .typo-5 .tabular-data__table td, .typo-5 .tabular-data__table th { font-size: 1.625rem } .typo-5 .fs-32 { font-size: 2.625rem !important } .typo-6 .banner-slider__sub-title { font-size: 2.25rem } .typo-6 .banner-slider__title { font-size: 3.375rem } .typo-6 .banner-slider__desc { font-size: 1.875rem } .typo-6 .btn { font-size: 1.75rem } .typo-6 .card-banner__info-title { font-size: 1.625rem } .typo-6 .card-banner__info-desc { font-size: 1.65rem } .typo-6 .ccbenefits__title { font-size: 2.45rem } .typo-6 .fs-16 { font-size: 1.75rem !important } .typo-6 .ccbenefits a { font-size: 1.625rem } .typo-6 .fs-14 { font-size: 1.625rem !important } .typo-6 .cards-cta__title { font-size: 3.375rem } .typo-6 .block-grid__title { font-size: 1.85rem } .typo-6 .block-grid__body p, .typo-6 .block-grid__content { font-size: 1.75rem } .typo-6 .card__title { font-size: 2.25rem } .typo-6 .card a { font-size: 1.625rem } .typo-6 .card-banner__body h1.fw-semibold { font-size: 3.063rem } .typo-6 .tab-item__link { font-size: 1.75rem } .typo-6 .fs-20 { font-size: 2rem !important } .typo-6 .card .card__text, .typo-6 .card p, .typo-6 .card ul li, .typo-6 .collapse__toggle, .typo-6 .editor-detail, .typo-6 .tab-pane p { font-size: 1.75rem } .typo-6 .fs-12 { font-size: 1.75rem !important } .typo-6 .link-arrow { font-size: 1.75rem } .typo-6 .ccbenefits p { font-size: 1.75rem !important } .typo-6 .ccbenefits ul li { font-size: 1.75rem } .typo-6 .fs-18 { font-size: 1.875rem !important } .typo-6 .tabular-data__table td, .typo-6 .tabular-data__table th { font-size: 1.75rem } .typo-6 .fs-32 { font-size: 2.75rem !important } .typo-7 .banner-slider__sub-title { font-size: 2.375rem } .typo-7 .banner-slider__title { font-size: 3.5rem } .typo-7 .banner-slider__desc { font-size: 2rem } .typo-7 .btn { font-size: 1.875rem } .typo-7 .card-banner__info-title { font-size: 1.75rem } .typo-7 .card-banner__info-desc { font-size: 1.775rem } .typo-7 .ccbenefits__title { font-size: 2.575rem } .typo-7 .fs-16 { font-size: 1.875rem !important } .typo-7 .ccbenefits a { font-size: 1.75rem } .typo-7 .fs-14 { font-size: 1.75rem !important } .typo-7 .cards-cta__title { font-size: 3.5rem } .typo-7 .block-grid__title { font-size: 1.975rem } .typo-7 .block-grid__body p, .typo-7 .block-grid__content { font-size: 1.875rem } .typo-7 .card__title { font-size: 2.375rem } .typo-7 .card a { font-size: 1.75rem } .typo-7 .card-banner__body h1.fw-semibold { font-size: 3.188rem } .typo-7 .tab-item__link { font-size: 1.875rem } .typo-7 .fs-20 { font-size: 2.125rem !important } .typo-7 .card .card__text, .typo-7 .card p, .typo-7 .card ul li, .typo-7 .collapse__toggle, .typo-7 .editor-detail, .typo-7 .tab-pane p { font-size: 1.875rem } .typo-7 .fs-12 { font-size: 1.875rem !important } .typo-7 .link-arrow { font-size: 1.875rem } .typo-7 .ccbenefits p { font-size: 1.875rem !important } .typo-7 .ccbenefits ul li { font-size: 1.875rem } .typo-7 .fs-18 { font-size: 2rem !important } .typo-7 .tabular-data__table td, .typo-7 .tabular-data__table th { font-size: 1.875rem } .typo-7 .fs-32 { font-size: 2.875rem !important } @media (min-width:768px) { .typo-2-n-title .banner-slider__title { font-size: 2.375rem !important } } .cta-v2 .section__inner { display: flex; justify-content: space-between; align-items: center } .cta-v2 .section__inner .section__title { margin: 0 } .cta-v2 .section__inner .link-arrow { background-color: #072447; color: #fff; padding: .9rem 1.5rem; margin: 0; font-weight: 400; border-radius: .5rem; font-size: 14px } .block-grid-xl .block-grid__icon-picture>img, .block-grid-xl .card--image-icon .card__picture>img { width: 100px } .object-position-top .banner-slider__bg>img, .object-position-top .picture-overlay>img { object-position: top } .object-position-bottom .banner-slider__bg>img, .object-position-bottom .picture-overlay>img { object-position: bottom } .object-position-left .banner-slider__bg>img, .object-position-left .picture-overlay>img { object-position: left } .object-position-right .banner-slider__bg>img, .object-position-right .picture-overlay>img { object-position: right } .cardImage-v2 .card--image .card__text { padding-bottom: 0 } .links-list__noBorder .links-group__item { border: none !important; font-weight: 600 } .ul-inside ul { list-style-position: inside; padding: 0 } @media (min-width:992px) { .block-grid__height-unset .block-grid--action .block-grid__body { min-height: unset } .height-20vh .ccbenefits, .height-20vh .ccbenefits--left-col { height: 320px; min-height: auto } .height-85vh .ccbenefits, .height-85vh .ccbenefits--left-col { height: 85vh } .height-75vh .ccbenefits, .height-75vh .ccbenefits--left-col { height: 75vh } } .modal-body__pt-0 .modal-body { padding-top: 0 !important } .img-size__50 img { width: 50% !important; display: block; margin: 0 auto 1rem } @media (min-width:768px) { .light--shadow .banner-slider__bg:after, .light--shadow .banner-slider__bg:before, .light--shadow .picture-overlay:after, .light--shadow .picture-overlay:before { background-image: var(--overlay-bg, linear-gradient(90deg, rgba(33, 37, 41, .85), rgba(33, 37, 41, 0))) } } .no--shadow .banner-slider__bg:after, .no--shadow .banner-slider__bg:before, .no--shadow .picture-overlay:after, .no--shadow .picture-overlay:before, .no--shadow .section--overlay:after, .no--shadow .section--overlay:before { display: none } .flip-y .banner-slider__bg>img, .flip-y .picture-overlay>img { transform: rotateY(180deg) } .promoBanner--lg .section--center-content { padding: 6rem 1.5rem; background-position: bottom } .swiper-arrows-v1:has(.btn-primary) .swiper-container { position: unset } .swiper-arrows-v1 .container:has(.btn-primary) { position: relative } .swiper-arrows-v1 .swiper-button-next:after, .swiper-arrows-v1 .swiper-button-prev:after { font-size: 1rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } .swiper-arrows-v1 .swiper-button-prev { left: -5% } .swiper-arrows-v1 .swiper-button-next { right: -5% } @media (min-width:768px) { .section--side-image-alt-flex>.container { display: flex; flex-direction: row; align-items: center; justify-content: space-between } .section--side-image-alt-flex .section__side-content { padding: 0 5rem } .section--side-image-alt-flex .section__side-image { position: relative; margin: 0; flex-shrink: 0; height: 640px } } @media (min-width:768px) and (max-width:991.98px) { .section--side-image-alt-flex .section__side-content { padding: 3rem 2rem } .section--side-image-alt-flex .section__side-image { top: 0; transform: translateY(0); height: 390px } } .accordion-img .country-accordion .collapse__toggle img { width: 6.25rem } .bub__img .d-flex:first-of-type img { height: 7.8125rem } .bub__img .d-flex:first-of-type .order-lg-2 { margin-bottom: 0 !important } @media only screen and (max-width:576px) { .bub__padding-bottom .banner-slider__inner { padding-bottom: 0 } } .masonry-transparent { position: relative } .masonry-transparent img { position: absolute; left: 0; top: 0; height: 100%; z-index: 1 } .masonry-transparent:before { content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; position: absolute; background-color: rgba(0, 0, 0, .4) !important } .masonry-transparent .row { z-index: 3; position: relative } .masonry-transparent .bg-white { background-color: rgba(0, 0, 0, .6) !important } .masonry-transparent .text-primary { color: #fff !important; position: relative; z-index: 3 } .masonry-transparent .description { color: #fff } .carousel--sm .ccbenefits { min-height: unset !important } .timeline-transparent { position: relative } .timeline-transparent picture+.text-center { position: relative; z-index: 3; color: #fff } .timeline-transparent picture+.text-center .text-gray { color: #fff !important } .timeline-transparent:before, .timeline-transparent img { position: absolute; left: 0; top: 0; height: 100% } .timeline-transparent:before { content: ""; width: 100%; z-index: 1; background-color: rgba(0, 0, 0, .4) !important } .timeline-transparent .cd-container { z-index: 2; position: relative } .timeline-transparent.bg-white, .timeline-transparent .cd-timeline-content { background-color: rgba(0, 0, 0, .6) !important } .timeline-transparent .cd-timeline-content { border: #000 } .timeline-transparent h1.text-gray { color: #000 !important } .timeline-transparent .link-arrow { color: #fff } .timeline-transparent .cd-timeline-img, .timeline-transparent .list--bullet li:before { background-color: #fff !important } .timeline-transparent .cd-timeline-content h2, .timeline-transparent .timeline__content { color: #fff !important } .slider-fixed-background { position: relative } .slider-fixed-background:before { content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; position: absolute; background-color: rgba(0, 0, 0, .4) !important } .slider-fixed-background .bg-white { background-color: transparent !important } .slider-fixed-background .ccbenefits { align-items: center !important; text-align: center } .slider-fixed-background>picture img { position: absolute; left: 0; top: 0; height: 100%; width: 100% } .single-slider .btn { height: 106%; top: 0; border: 0; right: 0; display: block; bottom: 0; width: 4.25rem; background-color: transparent } .single-slider .btn:after { font-size: 3rem } .single-slider .btn:active { background-color: transparent !important } .single-slider .single-slider-next:before { opacity: .5; content: ""; position: absolute; width: 100%; left: 0; top: 0; height: 100%; transition: all .3s; background: linear-gradient(270deg, #222, rgba(33, 33, 33, 0)) } .single-slider:has(.col-lg-4) .single-slider-next:before { background: unset } .single-slider:has(.col-lg-4) .single-slider-next:after { color: #757575 } .single-slider .single-slider-next:hover:before { opacity: 1 } .single-slider .single-slider-prev { left: 0; transition: .5s } .single-slider .single-slider-prev:before { opacity: .5; content: ""; position: absolute; width: 100%; left: 0; top: 0; height: 100%; transition: all .3s; background: linear-gradient(90deg, #222, rgba(33, 33, 33, 0)) } .single-slider:has(.col-lg-4) .single-slider-prev:before { background: unset } .single-slider:has(.col-lg-4) .single-slider-prev:after { color: #757575 } .single-slider .single-slider-prev:hover:before { opacity: 1 } .single-slider .swiper-pagination-bullet-active { background-color: #fff } .single-slider .swiper-container { margin-bottom: 0 !important } @media (min-width:992px) { .single-slider .ccbenefits--left-col .col-lg-4 { height: 590px } } @media (min-width:576px) and (max-width:991.98px) { .single-slider .ccbenefits--left-col .ccbenefits__body, .single-slider .ccbenefits--right-col .ccbenefits__body { min-height: inherit } .single-slider .ccbenefits--left-col .col-lg-4, .single-slider .ccbenefits--left-col .col-lg-4 img, .single-slider .ccbenefits--right-col .col-lg-4, .single-slider .ccbenefits--right-col .col-lg-4 img { width: 100%; object-fit: contain; height: 480px } } @media screen and (max-width:576px) { .single-slider .single-slider-next, .single-slider .single-slider-prev, .slider-fixed-background:before { display: none } .slider-fixed-background img { height: auto !important; position: relative !important } .slider-fixed-background .ccbenefits--large { min-height: unset !important } } .image-grid .col-lg-2 { display: flex; margin-bottom: 1rem; align-items: center; justify-content: center } .image-grid .col-lg-2 img { width: 6.25rem } .dtc-form-section .collapse-wrapper { background-color: #eef2f8 } .dtc-form-section .list--circle-check li { margin-bottom: .45rem } @media (max-width:767.98px) { .dtc-form-section .upload-documents__browse, .dtc-form-section .upload-documents__buttons { display: block } } .dtc-form-section .review-field-value { word-break: break-all } .banner-text-center .banner-slider__inner, .banner-text-end .banner-slider__inner { align-items: center; justify-content: start } .banner-text-center .banner-slider__content, .banner-text-end .banner-slider__content { text-align: center } .banner-text-center .card-banner__grid, .banner-text-end .card-banner__grid { justify-content: center } @media (min-width:768px) { .banner-text-center .banner-slider__content, .banner-text-end .banner-slider__content { max-width: 100% } } .banner-text-end .banner-slider__inner { justify-content: end } .carousal-statement .ccbenefits { min-height: unset !important } .white-accordion-bg .collapse-wrapper { background-color: #fff } .bg-gradient-1-4-top { background-image: var(--overlay-bg, linear-gradient(180deg, rgba(33, 37, 41, .8), rgba(33, 37, 41, 0))) } .w-70 { width: 70% } .Bg-1 { background-color: #072447 } .Bg-1, .Bg-1:hover { color: #fff } .Bg-2 { background-color: #fff } .Bg-3 { background-color: #009cde } .Bg-3, .Bg-3:hover { color: #fff } .Bg-4 { background-color: #e3e3e3 } .Bg-5 { background-color: #31538a } .Bg-5, .Bg-5:hover { color: #fff } @media (min-width:576px) { .banner-slider_large .btn-outline-primary { color: #fff; border: 1px solid #fff } .banner-slider_large .btn-outline-primary:hover { background: #fff; color: #072447 } } .heading-block .col-6.col-lg-3>div { height: 100% } .card-line-seprator .card.card--image-icon:not(.text-center) { background-color: transparent !important; border-radius: 0; border-right: 1px solid #eef2f8 } .card-line-seprator .row>.col-lg-3:last-child .card--image { border-right: none } .alt-v.ccbenefits--left-col .ccbenefits__title { font-size: 38px; line-height: normal } @media (min-width:992px) { section:has(.Bg-2.card--large) .card--large { height: 100%; margin: 1rem 0 } section:has(.Bg-2.card--large) .card--large:not(.flex-lg-row) { display: block } } section:has(.Bg-2.card--large) figure { display: flex; align-items: center; justify-content: center } .modal .carousal-statement:has(.single-slider) { padding: 0 } .modal .swiper-slide .col-lg-4+.col-lg-8 { display: none } .modal .swiper-slide .col-lg-4 { flex: 0 0 100%; max-width: 100% } .modal .swiper-slide .col-lg-4 img { width: 100%; height: 60vh; object-fit: cover; object-position: center } section .row:has(a.col-6.col-lg-2) { justify-content: center } section .row:has(a.col-6.col-lg-2) a { display: flex; justify-content: center; align-items: center } section.world-currencies.pt-8.pb-5 { padding-bottom: 0 !important; padding-top: 1.5rem !important } section:has(.swiper-slide .news-card):has(.swiper-wrapper~.btn-primary) .swiper, section:has(.swiper-slide .news-card):has(.swiper-wrapper~.btn-primary) .swiper-container { position: unset } section:has(.swiper-slide .news-card):has(.swiper-wrapper~.btn-primary) .container { position: relative } section:has(.swiper-slide .news-card):has(.swiper-wrapper~.btn-primary) .swiper-button-next:after, section:has(.swiper-slide .news-card):has(.swiper-wrapper~.btn-primary) .swiper-button-prev:after { font-size: 1rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } section:has(.swiper-slide .news-card):has(.swiper-wrapper~.btn-primary) .swiper-button-prev { left: .5rem; top: 60% } section:has(.swiper-slide .news-card):has(.swiper-wrapper~.btn-primary) .swiper-button-next { right: .5rem; top: 60% } @media only screen and (min-width:992px) { .contact-info-section .detail-location__map--wrapper { height: 25rem } } @media only screen and (min-width:1200px) { .contact-info-section .onMapButton:after { left: 50% } } .swiper-bullets__mob-fix .swiper__pagination { position: absolute } .bordered-accordion .collapse-wrapper { background-color: transparent; border: 1px solid #ccc } .bg-color-accordion--primary .collapse__toggle { background-color: #072447; color: #fff } .bg-color-accordion--primary .collapse__toggle:after { color: #fff } .bg-color-accordion--secondary .collapse__toggle { background-color: #2765ff; color: #000 } .bg-color-accordion--secondary .collapse__toggle:after { color: #000 } .bg-color-accordion .collapse-wrapper { overflow: hidden } .tabs-with-bg .tab-content p { font-size: 1rem } .bg-white .banner-slider__bullets .swiper-pagination-bullet { background-color: transparent; border: 1px solid #072447; width: 9px; height: 9px } .bg-white .banner-slider__bullets .swiper-pagination-bullet-active { background-color: #072447 } @media (min-width:992px) { .container--override-lg .container-lg { max-width: 960px !important } } strong { font-weight: 600 } .alt-v.heading-block>.container>div>h2, .alt-v.highlights-cards .section__title { font-weight: 400 !important } .alt-v.fluid--fw-container .ccbenefits { border-radius: 0 } .typo--primary .ccbenefits .ccbenefits__body .ccbenefits__body-btns a, .typo--primary.heading-block>.container div>p.jumbotron__title.text-center { color: #072447 !important } .typo--primary .editor-detail table thead th, .typo--primary .editor-detail table thead th strong, .typo--primary table thead th { color: #fff !important } .alt-v.card-list h2, .alt-v h2.fw-light { font-weight: 400 !important } .alt-v.section_ourTeams>div>.row { margin-left: -.5rem; margin-right: -.5rem } .alt-v.section_ourTeams>div>.row>div { padding-left: .5rem; padding-right: .5rem; margin-top: .5rem !important; margin-bottom: .5rem !important } .alt-v.section_ourTeams .card--cib { height: 100% } @media (min-width:1401px) { .alt-v.ccbenefits--left-col .ccbenefits__body { max-width: 1332px !important } } @media (min-width:1200px) and (max-width:1400px) { .alt-v.ccbenefits--left-col .ccbenefits__body { max-width: 1112px !important } } @media (min-width:992px) { .alt-v.card-banner .banner-slider__content { max-width: 50%; padding: 1rem; margin-left: -1rem; margin-right: -1rem } .alt-v.card-banner .banner-slider__title { font-size: 2.375em } .alt-v .banner-slider__desc { font-size: 1.39rem; line-height: 1.5 } .alt-v.ccbenefits--left-col .ccbenefits__body { margin: 0 auto; max-width: 960px } .alt-v.ccbenefits--left-col .ccbenefits__body, .alt-v.ccbenefits--right-col .ccbenefits__body { padding-bottom: 2rem; padding-top: 2rem } .alt-v.ccbenefits--left-col .ccbenefits__body>*, .alt-v.ccbenefits--right-col .ccbenefits__body>* { max-width: 40rem } .alt-v.ccbenefits--left-col .ccbenefits--right-col .ccbenefits__body { margin-left: auto !important; margin-right: 0 } .alt-v.ccbenefits--left-col .ccbenefits--left-col .ccbenefits__body { width: 100% } .alt-v.ccbenefits--right-col .ccbenefits__body { max-width: 50% } .megamenu__menu-row>div>a { white-space: nowrap } .alt-v.promo-banner>div { display: flex; justify-content: space-between; padding: 3rem 2rem; align-items: center } .alt-v.promo-banner.cta--sm>div { padding: 1.5rem 2rem } .alt-v.promo-banner .section__title, .alt-v.promo-banner .section__title p { margin-bottom: 0 } .alt-v .card-banner__grid-wrapper { text-align: center } .alt-v .card-banner__info-desc { font-size: 14px } .alt-v .block-grid--action .block-grid__body { min-height: unset } .alt-v.fluid--fw-container.banking-card .ccbenefits { padding: 0 } .alt-v.fluid--fw-container.banking-card .container { padding: 0; overflow: hidden } } @media (max-width:991px) { .highlights-cards--with-banner .card--highlight { margin: 0 !important; max-width: 100% } .typo--primary .breadcrumb--white, .typo--primary .breadcrumb--white * { color: #fff !important } .alt-v.card-banner .banner-slider__inner { text-align: center } .alt-v.card-banner .banner-slider__buttons * { width: auto; margin: 2rem auto 0 } .alt-v__m.banking-card .ccbenefits__body, .alt-v__m.card-list .ccbenefits__body { text-align: center } .alt-v.banking-card .ccbenefits__title { line-height: 1.2; margin-bottom: 1rem !important } .alt-v.heading-block>.container>div>div.fw-light.text-center { font-size: 1rem !important } .alt-v.card-list .ccbenefits { background: #fff } .alt-v.highlight-blue__mobile .highlight-blue { filter: invert(76%) sepia(122%) saturate(471%) hue-rotate(190deg) brightness(85%) contrast(161%) } .skip-breadcrumbs { padding-top: 6rem !important } } @media (min-width:768px) { [class*="--white"] .breadcrumb--white, [class*="--white"] .breadcrumb--white a, [class*="--white"] .hero__content { color: #072447 !important } .typo--primary .breadcrumb--white all { color: #fff !important } } .alt-v .highlight-blue { filter: none } .alt-v .card--cib .card__body.text-left { text-align: center !important; padding: 0 } .alt-v .card--cib .card__text ul { padding: 0; list-style: none } .alt-v .card--cib .card__text ul li { border-top: 1px solid rgba(0, 0, 0, .1); padding: .25rem .5rem 0; font-size: .875rem !important } .site-main .breadcrumb__container { z-index: 3 } [dir=rtl] .swiper-rtl .swiper-button-next { left: unset } [dir=rtl] .swiper-rtl .swiper-button-prev { right: auto } [dir=rtl] body .uwy.userway_p5 .uai { left: unset !important; right: 12px !important } @media screen and (min-width:992px) { .col--full .col-lg-4 { max-width: 100%; flex: 1 } } .border--light-300 .documents__box, .border--light-300 .links-group__item { border: 1px solid hsla(0, 0%, 83.1%, .3) !important } .border--light-400 .documents__box, .border--light-400 .links-group__item { border: 1px solid hsla(0, 0%, 83.1%, .4) !important } .border--light-500 .documents__box, .border--light-500 .links-group__item { border: 1px solid hsla(0, 0%, 83.1%, .5) !important } .border--light-600 .documents__box, .border--light-600 .links-group__item { border: 1px solid hsla(0, 0%, 83.1%, .6) !important } .border--light-700 .documents__box, .border--light-700 .links-group__item { border: 1px solid hsla(0, 0%, 83.1%, .7) !important } .hero--middle-text .hero__content { display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; flex-direction: column } .masonry--hasBg picture { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .masonry--hasBg picture img { position: relative; object-fit: cover; width: 100%; height: 100% } .masonry--hasBg picture:after { content: ""; background-image: var(--overlay-bg, linear-gradient(1turn, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .88))); position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .masonry--hasBg-white picture+div.text-center { position: relative } .masonry--hasBg-white .bg-white { background-color: rgba(0, 0, 0, .6) !important } .masonry--hasBg-white div, .masonry--hasBg-white h2, .masonry--hasBg-white p { color: #fff !important } .media--headline--light .media-headline__right .headline:nth-of-type(odd) { background: transparent !important; color: #000 !important; padding-left: 0; padding-top: 0 } .media--headline--light .media-headline__right .headline:nth-of-type(odd) a { color: #072447 } .equal-col-100 .bg-white { height: 100% } .card--grid-image-75 .card figure img { width: 75% } @media (max-width:767.98px) { .hero--opacity-ctrl:before { z-index: 0 } .hero--opacity-ctrl .text-right { text-align: center !important } } @media (max-width:767.98px) { .pt-xs-10 { padding-top: 5rem !important } } @media (max-width:767.98px) { .pt-xs-12 { padding-top: 6rem !important } } @media (max-width:767.98px) { .pt-xs-14 { padding-top: 7rem !important } } @media (max-width:767.98px) { .pt-xs-16 { padding-top: 8rem !important } } @media (min-width:576px) and (max-width:991.98px) { .banner-slider--mob-fix .banner-slider__card { margin-top: 0 } } @media (max-width:767.98px) { .banner-slider--mob-fix .banner-slider__card { margin: 2rem auto } } @media (max-width:991.98px) { .banner-slider--mob-cta .banner-slider__buttons { padding-bottom: 2rem !important } } @media (max-width:767.98px) { .ccbenefits--mob-fix .ccbenefits { margin-bottom: 0 !important } } @media (min-width:992px) { .banner-slider--desc-sm .banner-slider__desc { font-size: 1rem !important } .banner-slider--desc-md .banner-slider__desc { font-size: 1.25rem !important } } .card--image-fw .card__picture img { width: 100% !important } .rich-editor { font-size: 1rem } .rich-editor h1, .rich-editor h2, .rich-editor h3, .rich-editor h4, .rich-editor h5, .rich-editor h6 { line-height: normal } .rich-editor ul { padding-top: .75rem; padding-bottom: .75rem; font-size: 1rem } .rich-editor ul li { margin-bottom: .375rem } .promo-banner--no-rounded>div, .section--no-rounded>div { border-radius: 0 !important } .promo-banner--no-border>div, .section--no-border>div { border: 0 !important } .personalf-calculator form>div p { flex-basis: 50%; flex-shrink: 0 } .personalf-calculator form>div strong { text-align: end; flex-basis: 50%; word-break: break-word } .section--side-link-wrap .d-flex.fw-semibold { flex-wrap: wrap } .section--side-link-wrap .d-flex.fw-semibold p { margin-bottom: .375rem } .accordion-white--v1 .collapse-wrapper { background: #fff } .accordion-white--v1 .collapse-wrapper:last-of-type { margin-bottom: 0 } .accordion-white--v1 .collapse-wrapper .collapse__toggle img { width: 2.5rem } .accordion-white--v1 .collapse-wrapper .collapse__toggle .pt-3.pt-lg-0 { padding-top: 0 !important } .card-icon--w-32 .card__icon .card__picture img { width: 2rem } .card-image-list--fixed-height .card--image-full-width .card__picture { height: 15.625rem } .step-form--v4 .form-wrapper div.col-lg-5 { background-color: #fff } .step-form--v4 .content-wrapper>span { font-size: 1.125rem; font-weight: 400; text-transform: capitalize; margin-bottom: .875rem } .step-form--v4 .content-wrapper h1 { font-weight: 600 } .step-form--v4 .content-wrapper h1~div { font-size: 1rem } .step-form--v4 .lead-step-form .form-title { color: #072447; font-weight: 400 !important } .step-form--v4 .lead-step-form .form-group>label, .step-form--v4 .lead-step-form .form-group h5 { color: #575757 !important; font-size: .875rem !important } .step-form--v4 .lead-step-form .form-group input, .step-form--v4 .lead-step-form .select2-container--bootstrap4 .select2-selection { height: 48px } .step-form--v4 .lead-step-form .campaign-form--v1 .form-group textarea, .step-form--v4 .lead-step-form .form-group input, .step-form--v4 .lead-step-form .select2-container--bootstrap4 .select2-selection { border: 1px solid #d7dae5; border-radius: .5rem } @media (max-width:767.98px) { .cardiconlist__withborderleftaligned .card__text p.fw-light { margin-bottom: .5rem } .cardiconlist__withborderleftaligned .card__text p.fw-light:last-child { margin-bottom: 0 } } @media (max-width:991.98px) { .card-detail-section--flip-mobi .container>.row { flex-direction: column-reverse } .card-detail-section--flip-mobi .calculator-earn>h3 { text-align: center } .card-detail-section--flip-mobi .calculator-earn__form { margin-top: 1.5rem } .card-detail-section--flip-mobi .calculator-earn__result { margin-bottom: .5rem } } .directors_cards .row { justify-content: center } .directors_cards .row>div { margin-bottom: 3rem } .directors_cards .profile-card .p_image img { border-radius: .938rem .938rem 0 0 } .profile-card { text-align: center; border-radius: .938rem; box-shadow: 0 4px 26px 4px rgba(0, 0, 0, .04); height: 100%; transition: all .3s } @media (min-width:992px) { .profile-card:hover { transform: scale(1.035) } } .profile-card .p_image { margin: 0; position: relative; height: 0; padding-bottom: 100% } .profile-card .p_image img { border-radius: .938rem; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; object-position: top } .profile-card .p_content { padding: 1.5rem } .profile-card .p_name { font-size: 1.125rem; font-weight: 700; margin-bottom: .625rem } .profile-card .p_designation { font-size: 1rem; margin-bottom: 1rem } .profile-card .p_button { background-color: #eef2f8; color: #072447; font-size: .875rem; padding: .4rem 1.5rem } @media (min-width:768px) { .director-detail .modal-header .close { font-size: 2.3rem } } .director-detail .modal-body { padding: 1.5rem 2rem } @media (min-width:992px) { .director-detail .modal-body { padding: 1rem 5rem 3rem } } .director-detail h3 { font-weight: 700; color: #072447 } @media (min-width:992px) { .director-detail h3 { font-size: 2rem } } .director-detail h3 span { display: block; color: #000; font-weight: 400; font-size: 1.2rem } @media (min-width:992px) { .director-detail h3 span { font-size: 1.5rem } } .director-detail p { font-size: 1rem } @media (min-width:768px) { .director-detail p { line-height: 1.8rem } } .director-detail figure { margin: 0 } @media (max-width:991.98px) { .director-detail figure { margin: 0 0 1.5rem } } .director-detail figure img { box-shadow: -10px -10px 0 #072447 } @media (max-width:991.98px) { .modal-dialog { max-width: 700px } } .company-details img { max-width: 10rem } .masonry div[class*=col-] { min-height: 9.625rem } .masonry .row .col-6:last-child { min-height: inherit } html { --lightBg: #f6f9ff; --textColor: #012970; --whiteBg: #fff; --borderColor: #ededed } html[data-theme=dark] { --lightBg: #232323; --textColor: #fff; --whiteBg: #333 } :root { --textColor: #012970; scroll-behavior: smooth } .story-book, .story-book .site-main { height: 100%; background-color: #fff } html { height: 100% } .sb-header .logo { line-height: 1 } @media (min-width:1200px) { .sb-header .logo { width: 280px } } .sb-header .logo img { margin-right: 6px; max-width: 150px } .sb-header .toggle-sidebar-btn { font-size: 32px; padding-left: 10px; cursor: pointer; color: #012970 } .sb-header .search-bar { max-width: 360px; padding: 0 20px; background-color: var(--whiteBg) } @media (max-width:1199px) { .sb-header .search-bar { position: fixed; top: 50px; left: 0; right: 0; padding: 20px; box-shadow: 0 0 15px 0 rgba(1, 41, 112, .1); background: #fff; z-index: 9999; transition: .3s; visibility: hidden; opacity: 0 } .sb-header .search-bar-show { top: 60px; visibility: visible; opacity: 1 } } .sb-header .search-form { width: 100% } .sb-header .search-form input { border: 0; font-size: 14px; color: #012970; border: 1px solid rgba(1, 41, 112, .2); padding: 7px 38px 7px 8px; border-radius: 3px; transition: .3s; width: 100% } .sb-header .search-form input:focus, .sb-header .search-form input:hover { outline: none; box-shadow: 0 0 10px 0 rgba(1, 41, 112, .15); border: 1px solid rgba(1, 41, 112, .3) } .sb-header .search-form button { border: 0; padding: 0; margin-left: -30px; background: none } .sb-header .search-form button i { color: #012970 } .sb-header { background-color: var(--whiteBg); padding: .5rem 0; box-shadow: 0 0 20px rgba(1, 41, 112, .1); height: 60px; position: relative; z-index: 2; display: flex; align-items: center; border-bottom: 1px solid var(--borderColor) } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .sb-main { position: relative; background-color: var(--lightBg); height: 100% } .sb-sidebar { position: fixed; left: 0; top: 60px; height: 100vh; width: 300px; background-color: var(--whiteBg); box-shadow: 0 0 20px rgba(1, 41, 112, .1); padding: 1.25rem 1.25rem 4.25rem; overflow-y: auto; border-right: 1px solid var(--borderColor) } .sb-sidebar .docLink { position: absolute; visibility: hidden; opacity: 0 } .sidebar-nav, .sidebar-nav li { padding: 0; margin: 0; list-style: none } .sidebar-nav .nav-item { margin-bottom: 5px } .sidebar-nav .nav-heading { font-size: 11px; text-transform: uppercase; color: #899bbd; font-weight: 600; margin: 10px 0 5px 15px } .sidebar-nav .nav-link { display: flex; align-items: center; font-size: 15px; font-weight: 600; color: var(--textColor); transition: .3; background: #f6f9ff; padding: 10px 15px; border-radius: 4px } .sidebar-nav .nav-link i { font-size: 16px; margin-right: 10px; color: var(--textColor) } .sidebar-nav .nav-link.collapsed { color: #3a5796; background: #fff } .sidebar-nav .nav-link.collapsed i { color: #899bbd } .sidebar-nav .nav-link:hover { color: var(--textColor); background: #f6f9ff } .sidebar-nav .nav-link:hover i { color: var(--textColor) } .sidebar-nav .nav-link .bi-chevron-down { margin-right: 0; transition: transform .2s ease-in-out } .sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down { transform: rotate(180deg) } .sidebar-nav .nav-content { padding: 5px 0 0; margin: 0; list-style: none } .sidebar-nav .nav-content a.active { color: #072447 !important; border-left: 3px solid #072447; background-color: #f6f9ff } .sidebar-nav .nav-content a.active .bi-circle { display: none } .sidebar-nav .nav-content .third-level a { padding: 10px 0 10px 30px } .sidebar-nav .nav-content a { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: var(--textColor); transition: .3; padding: 10px 0 10px 20px; transition: .3s } .sidebar-nav .nav-content a i { font-size: 6px; margin-right: 8px; line-height: 0; border-radius: 50% } .sidebar-nav .nav-content a.active, .sidebar-nav .nav-content a:hover { color: #000 } .sidebar-nav .nav-content a.active i { background-color: #4154f1 } #main { margin-top: 60px; padding: 1.5rem; transition: all .3s; height: 100% } @media (min-width:768px) { #main { margin-left: 300px } } .pagetitle { margin-bottom: 1rem } .pagetitle h1 { font-size: 24px; margin-bottom: 0; font-weight: 600; color: var(--textColor) } .sb-box { border-radius: .3rem; padding: 1.25rem; box-shadow: 0 0 20px rgba(1, 41, 112, .1); background-color: var(--whiteBg) } .sb-box span { background-color: #ededed; width: 64px; height: 64px; display: flex; font-size: 32px; justify-content: center; align-items: center } .sb-box span.circle-1 { color: #4154f1; background: #f6f6fe } .sb-box span.circle-2 { color: #2eca6a; background: #e0f8e9 } .sb-box span.circle-3 { color: #ff771d; background: #ffecdf } .sb-box .title { font-size: 18px; margin-bottom: 1.5rem } .sb-box .title, .sb-box h4 { color: var(--textColor); font-weight: 700 } .sb-box h4 { font-size: 28px } .sb-box h4 small { display: block; font-size: 14px; margin: .4rem 0 0 } .round-circle { border-radius: 100% } .sb-breadcrumb ol { padding: 0; list-style: none; display: flex; color: var(--textColor) } .sb-breadcrumb ol li { margin: 0 .2rem } .sb-breadcrumb ol li:first-child:before { display: none } .sb-breadcrumb ol li:before { content: "/"; display: inline-block; margin-right: .2rem } .sb-breadcrumb ol li a { color: var(--textColor); font-weight: 600 } .sub-title { font-size: 16px } .code-snippet { background: #ededed; color: #cd5c5c; padding: 5px 10px; border-radius: 5px; border: 1px solid #ccc } .component-title { font-size: 1.6rem; color: #000; font-weight: 600; margin: 0 } .sb-component-cta__button, .sb-component-cta select { border: 2px solid #d4d4d4; background-color: transparent; color: #333; font-weight: 600; padding: .3rem 1rem; font-size: 14px; border-radius: .4rem; margin-left: .5rem } .sb-component-cta__button:focus, .sb-component-cta__button:hover, .sb-component-cta select:focus, .sb-component-cta select:hover { background-color: #333; color: #fff; border-color: #333 } .sb-component-cta__button:first-child, .sb-component-cta select:first-child { margin-left: 0 } .codeView { padding: 0 !important } .codeView~div, .codeView~section { background-color: #fff } .doc-tab-content table { font-size: 1rem } .doc-tab-content table th { background-color: #4b4b4b; color: #fff } .doc-tab-content table.fields-content td { width: 33.33% } .story-book .web-experience { display: block !important } .iframe-view { height: 100%; border: none; border-radius: .3rem; box-shadow: 0 0 20px rgba(1, 41, 112, .1) } .component-header { background-color: #fff } .component-header .select2-container--bootstrap4 .select2-selection { background-color: #fff; border: 2px solid #d4d4d4; border-radius: .4rem; color: #333 } .component-header .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder { color: #333; font-weight: 400 } .component-header .nav-tabs .nav-link { border-radius: 0; background-color: transparent; border-color: transparent; font-size: 16px; font-weight: 600; color: #adb5bd; padding-bottom: 1.4rem } .component-header .nav-tabs .nav-link:active, .component-header .nav-tabs .nav-link:focus, .component-header .nav-tabs .nav-link:focus-visible, .component-header .nav-tabs .nav-link:hover { border-color: transparent } .component-header .nav-tabs .nav-link.active { border: 0; border-bottom: 2px solid #072447; color: #333 } .language-markup { border-radius: 0 !important; margin: 0 !important } .doc-title { font-size: 26px } .bi-circle { display: none } :root { --font-base: "UAEDirham", "Plus Jakarta Sans", sans-serif; --font-ibm-plex: "UAEDirham", "Ibm Plex Sans", sans-serif; --font-base-ar: "UAEDirham", "Tajawal", sans-serif } .deals-widget .owl-dots { transform: translate(0) } .deals-widget .owl-dots .owl-dot span { margin: 4px } @media (min-width:768px) { .deals-widget .owl-dots .owl-dot span { background-color: rgba(0, 0, 0, .7) } } .deals-widget .owl-dots .owl-dot.active span { transform: scale(1); width: 1rem; border-radius: 1rem } @media (min-width:768px) { .deals-widget .owl-dots .owl-dot.active span { background-color: #000 } } .deals-widget .card-carousel--overlay picture:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: var(--overlay-bg, linear-gradient(0deg, rgba(0, 0, 0, .8), transparent)) } .deals-widget .card-carousel picture { overflow: hidden; height: 13.75rem; position: relative; display: block } .deals-widget .card-carousel picture img { width: 100% } @media (min-width:768px) { .deals-widget .card-carousel picture { height: 20rem; border-radius: 1rem; background-color: #fff; display: flex; align-items: center; border: unset } } .deals-widget .card-carousel__content { position: absolute; bottom: 1.5rem; color: #fff } .deals-widget .card-carousel__content .rounded-button { color: #fff; font-size: .688rem; font-weight: 700; padding: .3rem 1rem; margin: 0 0 .7rem; display: inline-block } .deals-widget .card-carousel__content .btn { background-color: #fff; font-size: .75rem; border-radius: 1.5rem; font-weight: 700; padding: .3rem 1rem; margin: 1rem 0 0; border: none } .deals-widget .card-carousel__content .btn:focus { outline: 1px dashed #fff } .deals-widget .card-carousel__tagline { font-size: .875rem; font-weight: 700 } .deals-widget .card-carousel__title { font-size: 1.5rem; margin: 0 } .deals-widget .card-carousel__title strong { color: #fff; font-weight: 700 } .deals-widget .categories-blocks .block-list { display: flex; flex-wrap: wrap } @media screen and (max-width:767px) { .deals-widget .categories-blocks .block-list { justify-content: normal } } .deals-widget .categories-blocks .block-list__item { width: calc(25% - .2rem); margin: .4rem .1rem .5rem; font-size: .688rem; font-weight: 700; text-align: center; color: #333 } .deals-widget .categories-blocks .block-list__item figure { background: #fff; border-radius: 1rem; align-items: center; justify-content: center; display: flex; height: 3.125rem; margin: 0 0 .1rem } .deals-widget .categories-blocks .block-list__item figure .icon { max-width: 1.875rem } @media screen and (max-width:767px) { .deals-widget .categories-blocks .block-list__item { width: calc(25% - .2rem) } } .deals-widget .bg-section { background-color: var(--bg-color) } .deals-widget .section-title { font-size: 1rem; font-weight: 600 } .deals-widget .section-title strong { font-weight: 600 } @media (min-width:768px) { .deals-widget .section-title { font-size: 28px } } .deals-widget .toggleWrapper { border: 1px solid #dddbda; border-radius: 2rem; overflow: hidden; font-size: 0; display: flex; background-color: #fff } .deals-widget .toggleWrapper .rounded-button { background-color: transparent; border-radius: 0 !important; border: transparent; font-size: 15px } @media (max-width:991.98px) { .deals-widget .toggleWrapper .rounded-button { font-size: 12px } } .deals-widget .toggleWrapper .rounded-button i { padding-right: .5rem } .deals-widget .toggleWrapper .rounded-button.active { background-color: #072447; color: #fff } .deals-widget .toggleWrapper .rounded-button:first-child { border-right: 1px solid #dddbda } .deals-widget .rounded-button { border: 1px solid var(--border-color); background-color: var(--bg-color); font-size: .75rem; font-weight: 600; color: #333; padding: .3rem 1.2rem } @media screen and (max-width:400px) { .deals-widget .rounded-button { font-size: .6rem } } @media (min-width:768px) { .deals-widget .rounded-button { font-size: 18px; padding: .5rem 1.2rem } } .deals-widget .deals-listing>div { padding: 0 .5rem !important; margin-bottom: 1.2rem !important } @media (max-width:991.98px) { .deals-widget .deals-listing>div { padding: 0 .3rem !important } .deals-widget .deals-listing>div.col-6.col-lg-4 { flex: auto; max-width: 100% } } .deals-widget .deals-listing .rounded-button { padding: unset } .deals-widget .deals-listing .noDataWrap { position: relative; top: 0; transform: translateY(0); padding: 5rem 0 !important; width: 100% } .deals-widget .deal-card { border-radius: 1rem; background-color: #fff; display: block; position: relative; height: 100%; display: flex; flex-direction: column } .deals-widget .deal-card .tag--red { left: 1rem; top: 0; position: absolute; font-weight: 700; z-index: 1; padding: .5rem !important; border-radius: 0 0 5px 5px; color: #000; line-height: 1; background: #2765ff; max-height: 30px; font-size: 10px } @media (min-width:768px) { .deals-widget .deal-card .tag--red { font-size: 15px } } .deals-widget .deal-card .discount-tag { position: absolute; right: 1rem; top: 0; z-index: 1; padding: .5rem 1rem; border-radius: 0 0 5px 5px; background: #072447; line-height: 1 } .deals-widget .deal-card .discount-tag .rounded-button { background-color: transparent; color: #fff; font-size: 10px } @media (min-width:768px) { .deals-widget .deal-card .discount-tag .rounded-button { font-size: 15px } } @media (max-width:991.98px) { .deals-widget .deal-card .discount-tag { padding: .25rem .5rem } } .deals-widget .deal-card .discount-tag span { z-index: 1; font-size: 1rem; color: #000 } @media (max-width:991.98px) { .deals-widget .deal-card .discount-tag span { font-size: .75rem } } @media (min-width:768px) { .deals-widget .deal-card .discount-tag span { font-size: 1rem } } .deals-widget .deal-card figure { display: block; background-color: #ccc; height: 0; padding-bottom: 50%; overflow: hidden; position: relative; border-radius: 1rem 1rem 0 0; border-bottom: 1px solid #ededed; background-color: #fff } @media (max-width:991.98px) { .deals-widget .deal-card figure { border-bottom: 1px solid #ededed; border-radius: .5rem .5rem 0 0 } } @media (max-width:767.98px) { .deals-widget .deal-card figure { margin-bottom: .5rem } } .deals-widget .deal-card figure img { position: absolute; width: 100% !important; height: 100%; object-fit: contain; border-radius: 1rem 1rem 0 0 } @media (max-width:991.98px) { .deals-widget .deal-card figure img { border-radius: .5rem .5rem 0 0; border-bottom: none; min-height: unset } } .deals-widget .deal-card .content { padding: .625rem 1rem 1.25rem; display: flex; flex-direction: column; flex: 1 } .deals-widget .deal-card .content h3 { font-size: 1rem; color: #333; font-weight: 700; display: block; margin: 0 0 .625rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } @media (max-width:991.98px) { .deals-widget .deal-card .content h3 { font-size: 13px; font-weight: 600 } } .deals-widget .deal-card .content .deal-card__description { color: #333; font-size: 15px; line-height: normal; margin: 0 0 1rem } @media (max-width:991.98px) { .deals-widget .deal-card .content .deal-card__description { font-size: .75rem; display: none } } .deals-widget .deal-card .content .deal-card__description p { margin: 0 } .deals-widget .deal-card .content .info { margin: auto 0 0; padding: 0 } .deals-widget .deal-card .content .info li { font-size: 10px; font-weight: 700; list-style: none; display: flex; align-items: center; margin-bottom: .2rem } @media (min-width:768px) { .deals-widget .deal-card .content .info li { font-size: 12px } } .deals-widget .deal-card .content .info li.blue { color: #072447 } .deals-widget .deal-card .content .info li.red { color: #c0003b } .deals-widget .deal-card .content .info li .icon { margin-right: .4rem; width: 16px } .deals-widget .deal-filter h3 { font-size: .875rem; font-weight: 700; margin: 0 0 .5rem } @media (min-width:768px) { .deals-widget .deal-filter h3 { font-size: 16px } } .deals-widget .deal-filter .rounded-button { font-weight: 700; font-size: .75rem; display: flex; align-items: center; padding: .3rem .8rem; color: #072447 } @media (min-width:768px) { .deals-widget .deal-filter .rounded-button { font-size: 16px } } .deals-widget .deal-filter .rounded-button>i { font-size: 1rem; font-weight: 700; margin-left: .3rem } .deals-widget .deal-filter .rounded-button.morefilter { padding-left: 0 } .deals-widget .deal-filter .rounded-button:not(.morefilter) { background-color: #072447; color: #fff; margin-right: .5rem; border-radius: 1rem } .deals-widget .deals-breadcrum { padding: 0; margin: 0 0 .3rem; display: flex } .deals-widget .deals-breadcrum li { list-style: none; font-weight: 700; text-transform: uppercase; font-size: .75rem; margin: 0 .1rem } .deals-widget .deals-breadcrum li a { font-weight: 700 } .deals-widget .deal-title { font-weight: 700; font-size: 1.875rem; margin: 0 0 .5rem } @media (min-width:768px) { .deals-widget .deal-title { font-size: 2.625rem; font-weight: 400 } } .deals-widget .deal-description { font-size: 1rem; color: #333; margin: 0 } .deals-widget .show-location { flex-shrink: 0 } .deals-widget .showListView, .deals-widget .showMapView { display: flex; align-items: center } @media (max-width:991.98px) { .deals-widget .showListView, .deals-widget .showMapView { padding-left: .8rem } } .deals-widget .deal-detail__info { display: flex; flex-direction: row; align-items: center; background-color: transparent; box-shadow: none } .deals-widget .deal-detail__info figure img { margin-right: .5rem } .deals-widget .deal-detail p { color: #757575; font-size: 14px; line-height: 1.4; word-break: break-word; font-weight: 600 } .deals-widget .deal-detail p span { color: #333; display: block; font-weight: 600; font-size: 1rem } .deals-widget .deal-detail p span small { font-weight: 700; font-size: .75rem } .deals-widget .deal-detail p a { font-weight: 600; color: #333; display: block } .deals-widget .deal-detail figure { flex-shrink: 0; max-width: 1.875rem; margin-right: .5rem } @media screen and (max-width:767px) { .deals-widget .deal-detail figure { max-width: 1.575rem } } .deals-widget .deal-detail .icon { max-width: 1.5rem } .deals-widget .discount-card { padding: .75rem 1rem; display: flex; flex-direction: row; align-items: center } @media (min-width:576px) { .deals-widget .discount-card { border-radius: 1rem; padding: 1rem } } .deals-widget .discount-card.bg-golden-yellow { background-color: #ffe292 } .deals-widget .discount-card.bg-white { background-color: #fff } .deals-widget .discount-card h3 { font-weight: 700; font-size: 20px; margin: 0 0 .2rem } .deals-widget .discount-card p { color: #333; margin: 0 } .deals-widget .discount-card figure { min-width: 1.9rem; margin: 0 } .deals-widget .discount-card .icon { min-width: 1.8rem; max-width: 100% } .deals-widget .discount-card.card-sm p { font-size: .75rem } .deals-widget .discount-card.card-sm figure { width: 1.125rem } .deals-widget .discount-card.card-sm figure .icon { min-width: unset } .deals-widget .discount-card.white-card { border: 1px solid #ededed } .deals-widget .discount-card.white-card h3 { font-size: 1rem } .deals-widget .discount-card.white-card p { font-size: .75rem } .deals-widget .collaps-parent { background-color: #92cce0 } .deals-widget .collaps-parent .collapse-wrapper:last-child { margin-bottom: 0 } .deals-widget .collapse-wrapper { background: #fff; border-radius: .9rem; padding: .8rem 1.4rem; margin: 0 0 .5rem } .deals-widget .collapse-wrapper .collapse__toggle { color: #000; font-weight: 700; display: block; position: relative; padding: 0 } @media (min-width:768px) { .deals-widget .collapse-wrapper .collapse__toggle { font-size: 18px } } .deals-widget .collapse-wrapper .collapse__toggle[aria-expanded=false]:after { right: 0; top: 50%; transform: translateY(-50%) rotate(0deg) } .deals-widget .collapse-wrapper .collapse__toggle:after { right: 0; top: 50%; transform: translateY(-50%) rotate(180deg) } .deals-widget .collapse-wrapper .collapse__content--inner { padding: .5rem 0 0; font-size: .75rem } @media (min-width:768px) { .deals-widget .collapse-wrapper .collapse__content--inner { font-size: 1rem } } @media (min-width:768px) { .deals-widget .collapse-wrapper { padding: 1.3rem 1.4rem } } .deals-widget .deals-search { position: relative; z-index: 2; background-color: #fff } .deals-widget .deals-search.floated { position: absolute; padding: 1rem 0 !important; background: hsla(0, 0%, 100%, .75); backdrop-filter: blur(.3rem); border-radius: 0 0 1rem 1rem; width: 100% } .deals-widget .deals-search.floated .deal-filter { margin: 0 } .deals-widget .deals-search .floating-button { display: none } .deals-widget .deals-search .form-group { flex: 1 } .deals-widget .deals-search .form-group .form-control, .deals-widget .deals-search .form-group .selectize-control.select-selectize--search .selectize-input input, .deals-widget .deals-search .form-group .selectize-control .selectize-input, .selectize-control .deals-widget .deals-search .form-group .selectize-input, .selectize-control.select-selectize--search .selectize-input .deals-widget .deals-search .form-group input { height: 40px; font-size: .875rem; border-color: #dddbda } .deals-widget .deals-search h3 { font-weight: 700; font-size: 1rem; display: flex; justify-content: space-between; margin-bottom: .7rem } .deals-widget .deals-search h3 a { color: #2765ff; color: var(--color); font-weight: 700 } .deals-widget .deals-search h3.nearby-location { margin: 0 0 2rem; display: none } @media (max-width:991.98px) { .deals-widget .deals-search.open { position: fixed; width: 100%; height: 100% } .deals-widget .deals-search.open .deal-filter { display: none !important } .deals-widget .deals-search.open .autocomplete-section { display: block; transform: translateY(0) } .deals-widget .deals-search.open .floating-button { display: block } } .deals-widget .deals-search .autocomplete-section { display: none; transform: translateY(20%); transition: all .4s ease; position: absolute; width: 100%; left: 0; padding: 0 1.2rem } .deals-widget .deals-search .autocomplete-section ul { padding: 0; margin: 0 } .deals-widget .deals-search .autocomplete-section ul li { list-style: none; margin-bottom: .5rem; display: flex; justify-content: space-between; align-items: center } .deals-widget .deals-search .autocomplete-section ul li a { color: #333; font-size: .875rem } .deals-widget .deals-search .autocomplete-section ul.has-icon li { padding-left: 2rem } .deals-widget.map-view { height: 800px; position: relative } @media (min-width:768px) { .deals-widget.map-view { display: flex; align-items: center } } .deals-widget.map-view .map-holder { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .deals-widget.map-view .map-holder .map-img { width: 100%; height: 100%; object-fit: cover } @media (min-width:768px) { .deals-widget.map-view .map-holder~.container { height: 100% } } .deals-widget.map-view .mapExit-btn { background-color: #dc3545; position: absolute; color: #fff; background-color: #c0003b; font-size: 15px; padding: 0 1rem; left: 0; right: 0; margin: 0 auto; bottom: 6rem; display: flex; align-items: center; justify-content: center; width: 10rem; border-radius: 1rem } .deals-widget.map-view .mapExit-btn span { font-size: 1.7rem; margin-right: .2rem } .deals-widget.map-view .mapView-listing { position: absolute; left: 0; bottom: 10rem; width: 100% } @media (min-width:768px) { .deals-widget.map-view .mapView-listing { position: relative; width: 500px; max-height: 600px; min-height: 600px; overflow: hidden; overflow-y: auto; background-color: #fff; padding: 1.5rem 1rem; border-radius: 1rem; z-index: 1; bottom: auto } .deals-widget.map-view .mapView-listing .owl-slide { position: relative; padding: 1rem 0; border-bottom: 1px solid #e7e7e7 } .deals-widget.map-view .mapView-listing .owl-slide:first-child { padding-top: 0 } .deals-widget.map-view .mapView-listing .owl-slide:last-child { padding-bottom: 0; border-bottom: none } } .deals-widget.map-view .deal-card { display: flex; flex-direction: row; position: relative } @media (max-width:991.98px) { .deals-widget.map-view .deal-card { border: 1px solid #ddd; padding: .5rem } .deals-widget.map-view .deal-card .tag--red { font-size: 10px } } .deals-widget.map-view .deal-card figure { min-width: 100px; max-width: 100px; height: 100px; padding-bottom: 0; border-radius: 1rem; position: relative; background-color: #fff; border: 1px solid #ededed } .deals-widget.map-view .deal-card figure img { height: auto; width: 100% !important; object-fit: cover; top: 50%; transform: translateY(-50%); border-radius: 0 } @media (max-width:991.98px) { .deals-widget.map-view .deal-card figure { max-height: unset; height: auto; margin: 0 } } .deals-widget.map-view .deal-card .discount-tag { right: 0; left: auto; padding: .3rem .6rem; border-radius: 20px } .deals-widget.map-view .deal-card .discount-tag span { padding: 0; font-size: 13px } @media (max-width:991.98px) { .deals-widget.map-view .deal-card .discount-tag { padding: .2rem .4rem; top: .5rem; right: .5rem } .deals-widget.map-view .deal-card .discount-tag span { font-size: 10px } } .deals-widget.map-view .deal-card .tag--red { left: 7rem; border-radius: 20px; font-size: 13px } @media (max-width:991.98px) { .deals-widget.map-view .deal-card .tag--red { font-size: 10px; top: .5rem; left: 7.5rem } } .deals-widget.map-view .deal-card .content { flex: 1; padding: 1.9rem .5rem .5rem 1rem } .deals-widget.map-view .deal-card .content h3 { margin: .2rem 0 .3rem } .deals-widget.map-view .deal-card .content .info { margin: 0 } .deals-widget.map-view .deal-card .content .info li { margin: 0 0 .3rem } .deals-widget.map-view .deal-card .content .info li:last-child { margin-bottom: 0 } .deals-widget .form-group.has-icon { position: relative } .deals-widget .form-group.has-icon picture { position: absolute; left: .8rem; top: 50%; transform: translateY(-50%) } .deals-widget .form-group.has-icon picture.right-icon { right: 1rem; left: auto; cursor: pointer } .deals-widget .form-group.has-icon .form-control, .deals-widget .form-group.has-icon .selectize-control.select-selectize--search .selectize-input input, .deals-widget .form-group.has-icon .selectize-control .selectize-input, .selectize-control .deals-widget .form-group.has-icon .selectize-input, .selectize-control.select-selectize--search .selectize-input .deals-widget .form-group.has-icon input { padding-left: 2.5rem } .deals-widget .form-group.has-icon .form-control.location, .deals-widget .form-group.has-icon .selectize-control .location.selectize-input, .deals-widget .form-group.has-icon .selectize-control.select-selectize--search .selectize-input input.location, .selectize-control .deals-widget .form-group.has-icon .location.selectize-input, .selectize-control.select-selectize--search .selectize-input .deals-widget .form-group.has-icon input.location { font-weight: 700 } .deals-widget .js-owl-deals [class*=col-] { max-width: 100%; padding: 0 } .deals-widget .filter-form { padding: 1rem 0 0 } @media (max-width:991.98px) { .deals-widget .filter-form { padding: 0 !important } } .deals-widget .filter-form p#deal-popup-title { margin: 0 } .deals-widget .filter-form .btn:not(.btn-primary) { padding: 0; font-size: 1rem; min-width: 100px; text-align: left; color: #072447 } .deals-widget .filter-form .btn:not(.btn-primary).savebtn { font-weight: 700; text-align: right } .deals-widget .filter-form .modal-header { padding: 0 } .deals-widget .filter-form .selectize-input:after { content: ""; display: inline-block; height: .65em; right: 1.5rem; position: absolute; top: 30%; transform: rotate(130deg) translateY(-50%); width: .65em; border-color: #072447; border-style: solid; border-width: .2em .2em 0 0; transition: all .3s } .deals-widget .filter-form .selectize-input.dropdown-active:after { transform: rotate(315deg) translateY(-50%); top: 50%; right: 1rem } .deals-widget .selectize-control { box-shadow: none !important; height: auto } .deals-widget .selectize-control.plugin-floating_label .selectize-input { padding-top: .9rem !important; padding-left: 1.25rem; padding-right: 1.25rem; border-radius: .7rem; box-shadow: none; background-color: #eef2f8; border-color: transparent } .deals-widget .selectize-control.plugin-floating_label .selectize-input.input-active { background-color: #eef2f8; border-radius: 1rem 1rem 0 0 } .deals-widget .selectize-control.plugin-floating_label .selectize-input .item { font-weight: 400; font-size: 14px } @media (min-width:768px) { .deals-widget .selectize-control.plugin-floating_label .selectize-input .item { padding-top: 4px; font-size: 1rem } } .deals-widget .selectize-control .selectize-dropdown { background-color: #eef2f8; border-color: transparent; border-radius: 0 0 1rem 1rem } .deals-widget .selectize-control .selectize-dropdown .option { color: #333; padding: 10px 1.25rem } .deals-widget .selectize-control .selectize-dropdown .option .text-gray { color: #333 !important } .deals-widget .selectize-control .selectize-dropdown .option.active { background-color: #ccc } @media (max-width:991.98px) { .deals-widget .selectize-control .selectize-dropdown .option { padding-left: 1rem; padding-right: 1rem } .deals-widget .selectize-control .selectize-dropdown .option .fs-16 { font-size: 13px !important } } .deals-widget .selectize-control .selectize-dropdown-content .option:first-child { border-top: 1px solid #072447 } .deals-widget .selectize-control .selectize-float-label { position: absolute; top: .838rem; left: 1.25rem; margin: 0; color: #333; font-size: 1rem; transition: all .3s; cursor: pointer; z-index: 3 } .deals-widget .selectize-control .selectize-input.has-items~.selectize-float-label { top: .375rem; font-size: .75rem; color: #333 } .deals-widget .selectize-control.multi.plugin-floating_label .selectize-input.has-items { padding-top: 1.6rem !important; padding-bottom: .5rem } .deals-widget .floating-button { width: 320px; position: fixed; bottom: 2rem; margin: 0 auto; left: 0; right: 0; border-radius: 2rem; background-color: #072447; font-size: 1.25rem; color: #fff; text-align: center; padding: .5rem 1rem; transition: all .3s } .deals-widget .floating-button:active, .deals-widget .floating-button:focus, .deals-widget .floating-button:hover { background-color: #fff; outline: 2px dashed #072447; color: #072447 } .deals-widget .deals-banner { background-position: 50%; background-repeat: no-repeat; background-size: cover } @media (min-width:992px) { .deals-widget .deals-banner { position: relative; height: 30rem } .deals-widget .deals-banner .link-arrow { color: #fff } } .deals-widget .deals-banner .link-arrow { margin: 1rem 0 } @media (min-width:768px) { .deals-widget .deals-banner>.container { position: relative; display: flex; height: 100%; flex-direction: column; justify-content: center } } .deals-widget .deals-banner__description, .deals-widget .deals-banner__description strong, .deals-widget .deals-banner__title, .deals-widget .deals-banner__title strong { color: #fff } .deals-widget .deals-banner__title { font-weight: lighter; font-size: 60px; margin: 0 0 1rem } .deals-widget .deals-banner__description { font-size: 1.25rem } .deals-widget .deals-banner__search .selectize-control .selectize-float-label { top: 50%; left: 2.3rem; transform: translateY(-50%); font-weight: 600 } .deals-widget .deals-banner__search .selectize-control .selectize-input.has-items~.selectize-float-label { transform: translateY(0); top: .275rem } .deals-widget .deals-banner__search .form-control, .deals-widget .deals-banner__search .selectize-control.select-selectize--search .selectize-input input, .deals-widget .deals-banner__search .selectize-control .selectize-input, .selectize-control .deals-widget .deals-banner__search .selectize-input, .selectize-control.select-selectize--search .selectize-input .deals-widget .deals-banner__search input { border-radius: 1rem; height: 50px; border: .5px solid #ccc } .deals-widget .deals-banner__search .form-group picture { background-color: #2765ff; right: 0; left: inherit; padding: .7rem .675rem; border-radius: 0 .5rem .5rem 0; cursor: pointer; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center } @media (max-width:991.98px) { .deals-widget .deals-banner__search .form-group picture { width: 2.5rem; height: 2.8rem; padding-top: .7rem } } .deals-widget .deals-banner__search .form-group picture i { font-size: 1.125rem } .deals-widget .deals-banner__search .deals-search--searchInput { padding-left: 1rem !important; border-radius: .5rem; color: #000; background-color: #fff } .deals-widget .deals-banner__search .selectize-control { height: 3.125rem } .deals-widget .deals-banner__search .selectize-control.plugin-floating_label .selectize-input { border-radius: .5rem; border-color: #dddbda; padding-top: 1.56rem; background-color: #eef2f8 !important; height: 100%; padding-left: 2.2rem } @media (max-width:991.98px) { .deals-widget .deals-banner__search .selectize-control.plugin-floating_label .selectize-input { background-color: #fff !important } } .deals-widget .deals-banner__search .selectize-control.plugin-floating_label .selectize-input:after { display: none } @media (max-width:991.98px) { .deals-widget .deals-banner__search .selectize-control.plugin-floating_label .selectize-input { background-color: #eef2f8 } } .deals-widget .deals-banner__search .selectize-input.focus { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important } .deals-widget .deals-banner__search .selectize-control { position: relative } .deals-widget .deals-banner__search .selectize-control:before { content: ""; background: url(https://www.emiratesnbd.com/assets/enbd/svg/map-icon.svg) no-repeat top; background-size: cover; width: 24px; height: 24px; position: absolute; left: 10px; top: 50%; z-index: 2; transform: translateY(-50%) } @media (max-width:991.98px) { .deals-widget .deals-banner__search .form-control, .deals-widget .deals-banner__search .selectize-control.select-selectize--search .selectize-input input, .deals-widget .deals-banner__search .selectize-control .selectize-input, .selectize-control .deals-widget .deals-banner__search .selectize-input, .selectize-control.select-selectize--search .selectize-input .deals-widget .deals-banner__search input { height: 45px; font-size: 14px } .deals-widget .deals-banner__search .selectize-control { height: 45px } .deals-widget .deals-banner__search .selectize-control.plugin-floating_label .selectize-input { padding-top: 1.1125rem !important; padding-bottom: .1625rem } .deals-widget .deals-banner__search .selectize-control .selectize-float-label { font-size: 14px } .deals-widget .deals-banner__search .selectize-control:before { width: 18px; height: 18px } } .deals-widget .deals-banner__search .clearSearch { background-color: transparent; border: none; position: absolute; right: 3.5rem; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: #999; display: none } .deals-widget .deals-banner__search .form-group-select:before { content: ""; background: url(https://www.emiratesnbd.com/assets/enbd/svg/map-icon.svg) no-repeat 50%; background-size: cover; width: 20px; height: 20px; position: absolute; left: .6rem; top: 50%; transform: translateY(-50%); z-index: 1 } .deals-widget .deals-banner__search .form-group-select .selectize-float-label { left: 2.05rem; color: #000 } .deals-widget .deals-banner__overlay:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .3); display: block } .deals-widget .deals-banner .categories-blocks .block-list { justify-content: center } .deals-widget .deals-banner .categories-blocks .block-list__item { color: #fff; font-size: 14px; width: 120px } .deals-widget .deals-banner .categories-blocks .block-list__item figure { background: rgba(0, 0, 0, .25) !important; max-width: 80px; margin: 0 auto .3rem } @media (max-width:991.98px) { .deals-widget .deals-banner { background-image: none !important; overflow: visible } .deals-widget .deals-banner:before { display: none } .deals-widget .deals-banner .link-arrow { color: #072447 } } .deals-widget .col-pad-sm { margin-left: -7.5px; margin-right: -7.5px } .deals-widget .col-pad-sm>div { padding-left: 7.5px; padding-right: 7.5px } .deals-widget .deal-wid { position: relative } .deals-widget .deal-wid .stretch-link { display: block; position: absolute; width: 100%; height: 100%; z-index: 2 } .deals-widget .deal-wid__featured { background-size: cover; background-position: top; background-repeat: no-repeat; min-height: 250px; color: #fff; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; border: 1px solid #ededed } .deals-widget .deal-wid__featured:after { content: ""; background: var(--overlay-bg, linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, #000)); position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .deals-widget .deal-wid__top { padding: 0 1rem 1rem; display: flex; justify-content: space-between } .deals-widget .deal-wid__top .tag { border-radius: 0 0 5px 5px; padding: 8px 16px; font-size: 13px; font-weight: 700; display: flex; align-items: center } .deals-widget .deal-wid__top .tag__sm { font-size: 13px } .deals-widget .deal-wid__top .tag--red { background: #2765ff; max-height: 30px; color: #000 } .deals-widget .deal-wid__top .tag--yellow { background: #072447; color: #fff } .deals-widget .deal-wid__top .tag:first-child { margin-right: .5rem } .deals-widget .deal-wid__content { padding: 1rem; position: relative; z-index: 1 } .deals-widget .deal-wid__title { font-size: 22px; font-weight: 700; margin: 0 } .deals-widget .deal-wid__description { color: #fff; font-size: .875rem } @media (min-width:768px) { .deals-widget .deal-wid { border-radius: 1rem } } .deals-widget .promo-card { background-position: top; background-repeat: no-repeat; background-size: cover; border-radius: 1rem; padding: 23px } .deals-widget .promo-card h2 { font-size: 1.75rem; line-height: 2.375rem; color: #fff; font-weight: 700; margin: 0 } @media (max-width:991.98px) { .deals-widget .promo-card h2 { font-size: 1.125rem; line-height: normal; max-width: 60% } } .deals-widget .promo-card p { font-size: 1.125rem; color: #fff; margin-bottom: 2rem } @media (max-width:991.98px) { .deals-widget .promo-card p { font-size: 1rem; line-height: normal } } .deals-widget .promo-card .link-arrow { color: #fff; font-size: 1.125rem; font-weight: 700; display: inline-block; cursor: pointer } @media (max-width:991.98px) { .deals-widget .promo-card .link-arrow { font-size: 1rem; line-height: normal } } .deals-widget .promo-card .btn { background-color: #fff; font-size: 1rem; font-weight: 700; border-radius: 2rem; padding: 10px 20px } .deals-widget .promo-card .btn:hover { background-color: transparent; border-color: #fff; color: #fff } .deals-widget .deal-wid__top .tag--red, .deals-widget .tag--yellow { z-index: 1; line-height: 1 } .deals-widget .tag--yellow { font-weight: 700; color: #000; border-radius: 20px } @media (max-width:991.98px) { .deals-widget .heading-deal-wrap h2 { font-weight: 700; font-size: 1.025rem; margin-bottom: 0 } } .deals-widget .selectize-control.multi .selectize-input>div { background-color: #072447; color: #fff; font-size: 12px !important; border-radius: 5px } .deals-widget .selectize-control.multi .selectize-input { height: auto } @media (max-width:991.98px) { .deals-widget .form-group { margin-bottom: 1rem } } @media (max-width:991.98px) { .deals-widget .detail-location { bottom: 7rem } } .deals-widget .form-group-select-multi-text .select2-container { border-radius: .5rem } .deals-widget .form-group-select-multi-text .select2-container .selection { display: block } .deals-widget .form-group-select-multi-text .select2-container .select2-selection { height: 50px !important; background-color: #fff } @media (max-width:991.98px) { .deals-widget .form-group-select-multi-text .select2-container .select2-selection { height: 45px !important } } .deals-widget .select2-container--bootstrap4 .select2-selection { padding: 0 1.25rem } .deals-widget .form-group-select-multi-text:not(.selected-success) label { top: .8rem } .deals-widget .form-group-select-multi-text.selected-success .select2-selection--multiple { padding: 1rem 1rem 0 1.8rem !important } .deals-widget .form-group-select-multi-text.selected-success .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { margin: 0 } .deals-widget .search-icon { background: url(https://www.emiratesnbd.com/assets/enbd/images/search-icon.svg) no-repeat 50%; width: 25px; height: 25px; background-size: cover } .deals-widget .detail-location__caption a { font-size: 1rem } .deals-widget .detail-location__arrow { font-size: 13px } .deals-widget .detail-collapse__toggle:after { font-size: 1.1rem } .deals-widget.moreapp-download_large>picture { width: 100%; height: 100% } .deals-widget.moreapp-download_large>picture:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; opacity: .6 } .owl-dots { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%); position: absolute; bottom: -30px; width: 100%; text-align: center } .owl-dots.disabled { display: none } .owl-dots .owl-dot { display: inline-block; vertical-align: top } .owl-dots .owl-dot span { display: block; width: 8px; height: 8px; margin: 10px; border-radius: 50%; background: rgba(0, 0, 0, .2); -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s } .owl-dots .owl-dot:hover span { background: rgba(0, 0, 0, .4) } .owl-dots .owl-dot.active span { background: #000; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5) } .owl-carousel-single .owl-stage-outer { border-radius: .25rem; overflow: hidden } .owl-carousel-single .owl-nav button.owl-next, .owl-carousel-single .owl-nav button.owl-prev { background: #ed443d; width: 5.5rem; height: 5.5rem } .owl-carousel-single .owl-nav button.owl-next:before, .owl-carousel-single .owl-nav button.owl-prev:before { line-height: 5.5rem } .owl-carousel-single .owl-nav button.owl-next:hover, .owl-carousel-single .owl-nav button.owl-prev:hover { background: rgba(237, 68, 61, .9) } .owl-carousel-single .owl-nav .owl-prev { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 0 } .owl-carousel-single .owl-nav .owl-next { -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); transform: translate(50%, -50%); right: 0 } @media (max-width:767.98px) { .owl-carousel-single .owl-nav button.owl-next, .owl-carousel-single .owl-nav button.owl-prev { width: 4rem; height: 4rem } .owl-carousel-single .owl-nav button.owl-next:before, .owl-carousel-single .owl-nav button.owl-prev:before { line-height: 4rem } .owl-carousel-single .owl-nav .owl-prev { -webkit-transform: translate(.5rem, -50%); -moz-transform: translate(.5rem, -50%); transform: translate(.5rem, -50%); left: 0 } .owl-carousel-single .owl-nav .owl-next { -webkit-transform: translate(-.5rem, -50%); -moz-transform: translate(-.5rem, -50%); transform: translate(-.5rem, -50%); right: 0 } } .owl-carousel-library .owl-nav { margin-top: 1rem } .owl-carousel-library .owl-nav button.owl-next, .owl-carousel-library .owl-nav button.owl-prev { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); position: static; border-radius: .25rem; background: none; border: 1px solid transparent } .owl-carousel-library .owl-nav button.owl-next:before, .owl-carousel-library .owl-nav button.owl-prev:before { color: #000 } .owl-carousel-library .owl-nav button.owl-next:hover, .owl-carousel-library .owl-nav button.owl-prev:hover { background: transparent; border-color: #e5e5e5 } .owl-carousel-library .owl-nav .owl-nav[class*=disabled], .owl-carousel-library .owl-nav .owl-prev[class*=disabled] { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); visibility: visible; opacity: .5 } .sortable-handler { touch-action: none } #Promotionlisting .popular-card { justify-content: flex-start } #Promotionlisting .popular-card__footer-date { white-space: normal } #Promotionlisting .showing-deals__head { border: 0 } @media (max-width:991.98px) { #Promotionlisting .showing-deals__head { padding-bottom: 1.2rem } #Promotionlisting .showing-deals__head h2 { margin-bottom: 0 } } @media (max-width:991.98px) { #Promotionlisting .showing-deals__tabs { padding-top: 1.5rem } } @media (max-width:767.98px) { #Promotionlisting .popular-cards .col-lg-3.col-6 { flex: 100%; max-width: 100% } } .deals-deal-carousel .owl-nav { display: none !important } @media (min-width:768px) { .deals-deal-carousel.deals-widget .owl-dots { bottom: -40px } } @media (max-width:991.98px) { .deals-deal-carousel.deals-widget .owl-dots { bottom: -10px } } .bg-grey-1 { background-color: #eef2f8 } .deals-listing.js-owl-deals .owl-stage { display: flex; flex-direction: row } .deals-listing.js-owl-deals .owl-item { min-height: 100% } .deals-listing.js-owl-deals .owl-item>div { height: 100% } .noDataWrap { background-color: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 3rem 0 } @media (min-width:768px) { .noDataWrap { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 2rem } } @media (max-width:991.98px) { .noDataWrap { box-shadow: 0 0 5px #ededed } } .noDataWrap i { font-size: 20px; color: #757575; margin: 0 0 10px } .noDataWrap img { margin: 0 0 2rem } @media (max-width:991.98px) { .noDataWrap img { max-width: 30% } } .noDataWrap h3 { color: #072447; font-weight: 700; margin: 0 0 .5rem; font-size: 18px } @media (min-width:768px) { .noDataWrap h3 { font-size: 24px } } .floating-breadcrum { color: #333; font-size: 12px; margin: 1rem 0 .5rem } @media (min-width:768px) { .floating-breadcrum { position: absolute; left: 0; top: 0; color: #fff; font-size: 12px } } .floating-breadcrum a { font-weight: 600 } @media (min-width:768px) { .floating-breadcrum a { color: #fff } } @media (max-width:1439.98px) { .deals-banner>.container { max-width: 1332px } } html[dir=rtl] .card-carousel, html[dir=rtl] .js-mapview-listing { direction: rtl } html[dir=rtl] .deals-widget.map-view .deal-card { direction: ltr } .deals-widget .deal-card .tag { display: none } .tabs-v1.tabs--pillsTabs .tab-item__link { background-color: #f4f7fe } .tabs-v1.tabs--pillsTabs .tab-item__link.active { background-color: #072447 } .tabs-v1 .tab-item__title { text-transform: uppercase } .tabs-v1+.tab-content .container { border-top: 1px solid #d7dae5; padding-top: 1.5rem } @media (min-width:576px) { .tabs-v1+.tab-content .container { padding-left: 0; padding-right: 0 } } .accordions-v2 { color: #575757 } .accordions-v2 a.collapse__toggle.fw-500 { font-weight: 500 !important } .accordions-v2 .document { display: flex; margin-bottom: 2rem; position: relative; align-items: center } .accordions-v2 .document p { font-size: 1rem; margin-bottom: 0 } .accordions-v2 .document .heading { font-size: 1.125rem; margin-bottom: 0 } .accordions-v2 .collapse-wrapper { background-color: transparent } .accordions-v2 .collapse__toggle { font-size: 1.25rem; font-weight: 400 !important; padding-left: 0; color: #575757 } .accordions-v2 .collapse__content--inner { padding-bottom: 0 } .accordions-v2 .collapse__content--inner .document { position: relative } .accordions-v2 .collapse__content--inner .document:last-child { margin-bottom: 0 } .accordions-v2 .documents__picture { margin-right: 1rem; padding-top: 0 !important } .accordions-v2 .collapse__toggle:after { content: "\e919" } .modal-country .select2-container--bootstrap4 .select2-selection { background-color: transparent } .modal-country .select2 { border: 1px solid hsla(0, 0%, 50.2%, .34901960784313724) } .modal-country .modal-header { justify-content: end } .modal-country .modal-dialog { max-width: 750px; width: 100% } body:has(.modal-country) .select2-dropdown { z-index: 1321 } .filter-v1 { padding: 2rem 0; border-bottom: 1px solid rgba(0, 0, 0, .1) } .filter-v1 .float-label__input { padding-top: unset; padding-bottom: unset } .filter-v1 .support-search__reset { display: inline-block; top: 50%; transform: translateY(-50%) } .filter-v1>div { display: flex; column-gap: 1rem } @media (max-width:768px) { .filter-v1>div { flex-direction: column } } .filter-v1 .single-filter { flex-grow: 1 } .first-cl-minwid--250 td:first-of-type { min-width: 16rem } .ipp-section .page-wrapper { display: flex; flex-direction: column; min-height: 100vh; max-width: 33.33%; margin: 0 auto } @media (max-width:1199.98px) { .ipp-section .page-wrapper { max-width: 560px } } .ipp-section .enbd-logo { display: block; margin: 1rem auto; max-width: 150px } .ipp-section .content-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-top: auto } .ipp-section .content-wrapper p { font-size: 1.125rem } .ipp-section .ipp-icon { max-width: 93px } .ipp-section .cta-wrapper { display: flex; align-items: center; justify-content: center } .ipp-section .header-content { background-image: linear-gradient(-180deg, #07449d 10%, #063579); color: #fff; padding: 0 1rem; text-align: center } .ipp-section .header-content .enbd-logo { margin-bottom: 2rem } .ipp-section .amount-wrapper { margin-bottom: 0; text-align: center; font-weight: 500 } .ipp-section .amount-wrapper .small-font { font-size: .6em; font-weight: 400 } .ipp-section .tenor-wrapper { display: flex; gap: .5rem } .ipp-section .tenor-wrapper .tenor-item { color: #969696; background-color: #fff; border: 1px solid #d4d4d4; border-radius: .3125rem; font-size: 1.125rem; font-weight: 700; text-align: center; padding: .75rem; flex: 1; cursor: pointer } .ipp-section .tenor-wrapper .tenor-item.selected { background-color: #2765ff; color: #fff; border-color: #2765ff } .ipp-section .details-wrapper { padding: 1.25rem; background-color: #fff; border-radius: .4375rem; margin: 1.375rem 0 } .ipp-section .details-wrapper .list-item { display: flex; justify-content: space-between; align-items: center; margin: 1rem 0 } .ipp-section .details-wrapper .list-item .label { color: #757575 } .ipp-section .details-wrapper .list-item .highlighted { background: #072447; color: #fff; padding: .125rem .75rem; border-radius: 1rem } .ipp-section .details-wrapper .note-item { display: flex; gap: .5rem; align-items: flex-start; color: #757575; font-size: .75rem } .ipp-section .details-wrapper .form-cta { display: flex; flex-direction: column; align-items: center; margin-top: 2rem } .section.budget-planner .card-content .card-title { font-weight: 300; font-size: 2rem; margin: 0 0 1.5rem } .section.budget-planner .card-content .card-title span { color: #757575; display: block; font-size: 1rem; font-weight: 400 } .section.budget-planner h3:not(.card-title) { font-size: 1.2rem; font-weight: 600 !important; margin: 0 0 1rem !important } .section.budget-planner p { font-size: 1rem } .section.budget-planner .float-label__input { padding-top: .625rem; padding-bottom: .625rem } @media (max-width:991.98px) { .section.budget-planner .card-content { text-align: left } .section.budget-planner .borrow__text { padding-right: .5rem !important } .section.budget-planner h3, .section.budget-planner p { text-align: left } } .card-with-links .row>div { margin-top: 1.5rem } .card-with-links .support-details__content { padding: 1rem } .card-with-links .support-details__section a { font-weight: 400; text-decoration: none } .card-with-links .heading-wrapper { text-align: center; margin-bottom: .5rem } .card-with-links .support-details__section-title { margin-bottom: .5rem } .card-with-links .block-grid { border-radius: .75rem; padding: 1rem; background: #fff } .card-with-links .block-grid a { font-size: .8125rem; text-decoration: underline } .card-with-links .block-grid__content { margin-bottom: 0 } .card-with-links .block-grid__top picture { height: 2.625rem; display: block } .card-with-links .block-grid__footer a { display: flex; align-items: center } .card-with-links .block-grid__footer { margin-top: 1.5rem } .card-with-links .block-grid__footer a { font-size: .875rem; text-decoration: none } .card-with-links.card--bg-lightblue .block-grid { background-color: #fafbff } @media (max-width:991.9px) { .card-with-links.card--bg-lightblue .container { max-width: 100% } } .card-with-links.card--bg-lightblue .support-details__content { padding-top: 3rem; padding-bottom: 3rem; margin-bottom: 0 } @media (min-width:768px) { .card-with-links .block-grid { padding: 1.75rem 2rem } .card-with-links .support-details__content { padding: 3rem 1rem } .card-with-links .row>div { margin-top: 2rem } } @media (min-width:992px) { .card-with-links .support-details__body { margin-top: -6rem; padding-bottom: 0 } .card-with-links .support-details__content { padding: 3rem 2.5rem; margin-bottom: 0 } } .banner-with-cards h1 { font-size: 2rem } .banner-with-cards .support-details__hero .hero__content p { font-size: .875rem } .banner-with-cards .support-search { max-width: unset; margin: 1.5rem 0 } .banner-with-cards .hero__title { margin-top: 2rem } .banner-with-cards .icon-close, .banner-with-cards .support-search__mic { top: 50%; transform: translateY(-50%) } .banner-with-cards .icon-close { position: absolute; right: 50px; z-index: 12; display: none } .banner-with-cards .links-container { text-align: left; display: flex; flex-wrap: wrap; row-gap: .5rem } .banner-with-cards .links-container a { text-decoration: underline; margin-right: .75rem; font-weight: 400 } @media (min-width:768px) { .banner-with-cards .support-details__hero .breadcrumb { display: block; position: absolute; top: 1rem } .banner-with-cards .hero__content { width: 70%; margin: 0 auto } .banner-with-cards .links-container a { margin-right: 1.5rem } } @media (min-width:992px) { .banner-with-cards .hero__title { margin-top: 0 } } .swiper--icon { position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center } .swiper--icon .swiper-container { width: 90%; padding: 0 } .swiper--icon .swiper-container .swiper__card { display: flex; align-items: center; flex-direction: column } .swiper--icon .swiper-wrapper { align-items: stretch } .swiper--icon .swiper-slide { display: flex; height: auto; align-items: flex-start; justify-content: center } @media (max-width:767.98px) { .swiper--icon .swiper-slide { max-width: 70px !important } } .swiper--icon img { max-width: 4rem } @media (max-width:991.98px) { .swiper--icon img { max-width: 40px } } .swiper--icon p { font-size: 14px; font-weight: 600; margin-bottom: 0; margin-top: .5rem } @media (max-width:991.98px) { .swiper--icon p { font-size: 12px } } .swiper--icon .swiper__btn-wrapper { display: flex; justify-content: space-between; align-items: stretch; margin: 0 auto; width: 100%; position: absolute; left: 0; right: 0 } .swiper--icon .swiper__btn-wrapper>div { background-color: #fff; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #efefef; box-shadow: 0 0 50px rgba(0, 0, 0, .1) } .swiper--icon .swiper__btn-wrapper>div:after { font-size: 1rem; font-weight: 700 } @media (max-width:767.98px) { .swiper--icon .swiper__btn-wrapper>div { display: none } } @media (min-width:768px) { .swiper--icon .swiper__btn-wrapper .swiper-button-prev { left: 2rem } .swiper--icon .swiper__btn-wrapper .swiper-button-next { right: 2rem } } @media (max-width:991.98px) { .swiper-icon-section { padding: 2rem 0 } } [dir=rtl] .swiper-button-prev { left: 2rem; transform: scale(-1) } [dir=rtl] .swiper-button-next { right: 2rem; transform: scale(-1) } [dir=rtl] .swiper-icon-section .swiper-button-prev { left: 2rem !important } [dir=rtl] .swiper-icon-section .swiper-button-next { right: 2rem !important } .card-rounded { cursor: pointer; border: 1px solid #072447; border-radius: 50%; width: 6.25rem; height: 6.25rem; padding: .175rem; overflow: hidden } .card-rounded-group { display: flex; flex-wrap: nowrap; justify-content: center; gap: 2.5rem; padding: 3rem 1rem; overflow-x: auto; scrollbar-width: thin } @media (max-width:991.98px) { .card-rounded-group { gap: 1.5rem; justify-content: flex-start; padding: 2rem 1rem } } .card-rounded-item { text-align: center; flex: 0 } .card-rounded-item span { color: var(--primary); font-size: .625rem; line-height: 1.5; display: block; margin: .8rem 0 0 } .card-rounded img { width: 100%; height: 100%; object-fit: cover; border-radius: 50% } .credit-cardwizard { --linkClr: #5e516a; --notesClr: #82788c; --selectedPill: #dce4f5; --gray-100: #99a5b3; --borderRad: 0.5rem; --cardsBorder: #d7dce2; --white-300: #eceef1; --bs-progress-bg: #2765ff; --black-400: #c2cad2; --bs-btn-color: #212529; --surfacelightbg: #f0f2f4; --midlightgrey: #cecece; --secondary: #2765ff } .credit-cardwizard .progress-bar { background-color: var(--bs-progress-bg) } .credit-cardwizard .modal-dialog { max-width: 680px } .credit-cardwizard .steps-progress-numbers, .credit-cardwizard h4.sub-title { font-size: .75rem; color: var(--notesClr); font-weight: 400 } .credit-cardwizard .steps-progress-numbers { text-align: center; position: absolute; width: 100%; z-index: 0; display: flex; justify-content: center; align-items: center; right: 0; left: 0 } .credit-cardwizard h3.title { font-size: 1.5rem; color: var(--primary); font-weight: 400; margin: .5rem 0 2.5rem } .credit-cardwizard .desc { font-size: .875rem; color: var(--primary) } .credit-cardwizard .pills-label { color: var(--gray-100); font-size: .75rem; margin-bottom: .5rem; font-weight: 400; text-align: center } .credit-cardwizard .loading-message { display: flex; align-items: center; justify-content: center } .credit-cardwizard .loading-message .step-centered { justify-content: center !important } .credit-cardwizard .loading-message .title { font-weight: 500; margin: 0 0 .5rem } .credit-cardwizard .modal-content { background-color: var(--surfacelightbg); border: none; border-radius: 20px; overflow: hidden } .credit-cardwizard .btn { border-radius: .5rem } .credit-cardwizard .btn:active, .credit-cardwizard .btn:first-child:active, .credit-cardwizard .btn:visited { color: var(--bs-btn-active-color); background-color: var(--linkClr); border-color: var(--linkClr) } .credit-cardwizard .modal-header { border: none; position: relative; padding-top: 1.5rem } .credit-cardwizard .modal-header__contentholder { width: 100%; display: flex; justify-content: space-between; position: relative; z-index: 1 } .credit-cardwizard .modal-header__contentholder .wizard-prev-btn { display: none } .credit-cardwizard .modal-header__contentholder .btn.p-0 { background: none; gap: .4rem; display: inline-flex; font-size: 1rem; font-weight: 400; color: var(--bs-btn-color); width: 24px; align-items: center; justify-content: center } .credit-cardwizard .modal-header__contentholder .btn.p-0:hover { background: none !important } .credit-cardwizard .modal-header__contentholder .btn.p-0:active, .credit-cardwizard .modal-header__contentholder .btn.p-0:focus-visible, .credit-cardwizard .modal-header__contentholder .btn.p-0:visited { background: none !important; border: 1px solid var(--surfacelightbg) } .credit-cardwizard .modal-header .btn { margin-left: auto } .credit-cardwizard .modal-header .progress { flex: 1; position: absolute; left: 0; top: 0; width: 100%; border-radius: 20px 20px 0 0; height: 8px; background: transparent } .credit-cardwizard .modal-header .progress-bar { border-radius: 20px } .credit-cardwizard .buttons-parent { justify-content: flex-end; padding: 1.5rem .5rem .5rem } .credit-cardwizard .buttons-parent .wizard-prev-btn:hover { background: var(--midlightgrey) !important; border-color: var(--midlightgrey); color: var(--linkClr) } .credit-cardwizard .buttons-parent .wizard-prev-btn:active, .credit-cardwizard .buttons-parent .wizard-prev-btn:focus-visible, .credit-cardwizard .buttons-parent .wizard-prev-btn:visited { background: var(--white) !important; color: var(--linkClr); border-color: var(--secondary) } .credit-cardwizard .buttons-parent .wizard-prev-btn:before { line-height: 0; font-size: 2.5rem } .credit-cardwizard .buttons-parent:has(>:nth-child(2)) { justify-content: space-between } .credit-cardwizard .buttons-parent .btn { margin: 0; min-height: 48px; display: flex; align-items: center; justify-content: center } .credit-cardwizard .buttons-parent .btn .icomoon { width: 32px; font-size: 10px } .credit-cardwizard .buttons-parent .btn-primary { padding: .313rem .6rem .313rem 1.5rem; font-size: .875rem } .credit-cardwizard .buttons-parent .btn-outline-primary { padding: .313rem 1.5rem .313rem .6rem; background: var(--white); font-size: .875rem; border-color: var(--cardsBorder) } .credit-cardwizard .buttons-parent .btn-outline-primary:hover { background: var(--midlightgrey) !important; border-color: var(--midlightgrey); color: var(--linkClr) } .credit-cardwizard .buttons-parent .btn-outline-primary:active, .credit-cardwizard .buttons-parent .btn-outline-primary:focus-visible, .credit-cardwizard .buttons-parent .btn-outline-primary:visited { background: var(--white) !important; color: var(--linkClr); border-color: var(--secondary) } .credit-cardwizard .buttons-parent .btn:disabled, .credit-cardwizard .buttons-parent .btn[disabled] { background-color: var(--cardsBorder) !important; border: 1px solid var(--cardsBorder) !important; color: var(--white); cursor: not-allowed } .credit-cardwizard .modal-body { padding-top: 0 } .credit-cardwizard .modal-body .checkbox-pill .check { background-color: var(--white) } .credit-cardwizard .modal-body .step-centered { justify-content: center } .credit-cardwizard .modal-body .step-centered .content-block--loader { min-height: 100px } .credit-cardwizard .checkbox-parent { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0 0 1.5rem; align-items: center; justify-content: center; text-align: center; padding: 0 1.5rem } .credit-cardwizard .checkbox-parent .checkbox-pill .check { box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .0196078431372549); backdrop-filter: blur(10px); border-color: transparent; background-color: var(--white) } .credit-cardwizard .checkbox-parent .checkbox-pill input[type=checkbox]:checked~.check { background-color: var(--selectedPill) !important; color: var(--secondary) } .credit-cardwizard .form-group { margin-bottom: 1rem } .credit-cardwizard .form-group .checkbox-pill { position: relative; margin-bottom: 0 } .credit-cardwizard .form-group .checkbox-pill.disabled { opacity: .5; cursor: not-allowed } .credit-cardwizard .form-group .checkbox-pill.disabled .check { background-color: #ededed } .credit-cardwizard .form-group .checkbox-pill input[type=checkbox], .credit-cardwizard .form-group .checkbox-pill input[type=radio] { opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; cursor: pointer } .credit-cardwizard .form-group .checkbox-pill input[type=checkbox]:checked~.check, .credit-cardwizard .form-group .checkbox-pill input[type=radio]:checked~.check { background-color: transparent; color: var(--primary); border-color: var(--secondary); font-weight: 400 } .credit-cardwizard .form-group .checkbox-pill input[type=checkbox]:checked~.check:after, .credit-cardwizard .form-group .checkbox-pill input[type=radio]:checked~.check:after { border: 5px solid var(--secondary); background-color: var(--white) } .credit-cardwizard .form-group .checkbox-pill .check { border: 1px solid var(--white-300); display: inline-flex; padding: .3rem .6rem; border-radius: 20px; font-size: .75rem; overflow: hidden; align-items: center; color: var(--primary) } .credit-cardwizard .form-group .checkbox-pill .check .checkicons { width: 24px; display: flex; align-items: center; justify-content: center; font-size: 12px; margin-right: 4px } @media (min-width:580px) { .credit-cardwizard .form-group .checkbox-pill { max-width: 48% } } .credit-cardwizard .form-group.success .input-group { border-bottom: 0 solid #d22323 } .credit-cardwizard .form-group.error .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder { color: #6c757d } .credit-cardwizard .form-group.error .error-picture { display: none !important } .credit-cardwizard .form-group.error .input-group { border-bottom: 0 solid #d22323 } .credit-cardwizard .form-group .form-control, .credit-cardwizard .form-group .selectize-control.select-selectize--search .selectize-input input, .credit-cardwizard .form-group .selectize-control .selectize-input, .selectize-control .credit-cardwizard .form-group .selectize-input, .selectize-control.select-selectize--search .selectize-input .credit-cardwizard .form-group input { background: var(--white); border: 1px solid var(--cardsBorder); border-radius: .5rem } .credit-cardwizard .form-group input[type=number]::-webkit-inner-spin-button, .credit-cardwizard .form-group input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none } .credit-cardwizard .form-group .selectize-dropdown .option { font-size: .75rem; color: var(--primary); font-weight: 400 } .credit-cardwizard .form-group .selectize-input.focus { box-shadow: none } .credit-cardwizard .form-group>label { font-size: .75rem; margin-bottom: .5rem } .credit-cardwizard .form-group .form-control, .credit-cardwizard .form-group .select2-container .select2-selection, .credit-cardwizard .form-group .selectize-control.select-selectize--search .selectize-input input, .credit-cardwizard .form-group .selectize-control .selectize-input, .selectize-control .credit-cardwizard .form-group .selectize-input, .selectize-control.select-selectize--search .selectize-input .credit-cardwizard .form-group input { padding: .525rem 1rem; height: 48px; font-size: 12px } .credit-cardwizard .form-group .select2-container--bootstrap4 .select2-selection { height: 48px !important; background: var(--white); border-radius: .5rem; border: 1px solid var(--cardsBorder) } .credit-cardwizard .form-group .form-control, .credit-cardwizard .form-group .selectize-control.select-selectize--search .selectize-input input, .credit-cardwizard .form-group .selectize-control .selectize-input, .selectize-control .credit-cardwizard .form-group .selectize-input, .selectize-control.select-selectize--search .selectize-input .credit-cardwizard .form-group input { color: #000 } .credit-cardwizard .form-group .input-group-prepend { background-color: var(--white); border-radius: .5rem } .credit-cardwizard .form-group .input-group-prepend:after { display: none } .credit-cardwizard .form-group .input-group--phone .selectize-control { height: auto } .credit-cardwizard .form-group .input-group .selectize-control.select-phone-code .selectize-input { height: 48px; display: flex; justify-content: space-between; align-items: center; border: none; background: #f0f2f4; width: auto } .credit-cardwizard .form-group .input-group .selectize-control.select-phone-code .selectize-input .item { display: flex; align-items: center; justify-content: center } .credit-cardwizard .form-group .input-group .selectize-control.select-phone-code .selectize-input:after { position: relative; top: 0; right: 0; margin-top: 0; width: 26px; height: 20px; display: flex; align-items: center; justify-content: center } .credit-cardwizard .form-group .input-group .selectize-control.select-phone-code .selectize-input.locked:after { display: none } .credit-cardwizard .form-group .select2-container .select2-selection .select2-selection__rendered { color: #000 } .credit-cardwizard .form-group .input-group .selectize-input.items .item { color: var(--primary); gap: .5rem } .credit-cardwizard .form-group.prefixField .prefix { min-width: 50px; position: absolute; height: calc(100% - 4px); background-color: #dce0e5; color: var(--gray-100); align-items: center; padding: 0 1rem; border-radius: .5rem; width: 44px; display: flex; justify-content: center; top: 2px; left: 2px; font-size: 1.2rem } .credit-cardwizard .block { padding: 0 .5rem } .credit-cardwizard .steps .step { display: none } .credit-cardwizard .steps .step.active { display: block } .credit-cardwizard .steps .step .summaryfield { background: var(--white); border-radius: var(--borderRad); padding: 1rem } .credit-cardwizard .steps .step .summaryfield__title { border-bottom: 1px solid var(--offWhite-v3); padding-bottom: .75rem; margin-bottom: .75rem } .credit-cardwizard .steps .step .summaryfield__refrance { display: flex; align-items: center; font-size: .75rem } .credit-cardwizard .steps .step .summaryfield__refrance span { margin-left: .5rem } .credit-cardwizard .steps .step .summaryfield__label { font-size: .75rem; color: var(--notesClr); margin: 0 0 .25rem } .credit-cardwizard .steps .step .summaryfield__descriptions, .credit-cardwizard .steps .step .summaryfield__title { display: flex; justify-content: space-between; align-items: center; font-size: .875rem; color: var(--primary); font-weight: 500 } .credit-cardwizard .steps .step .summaryfield__descriptions { flex-direction: column; align-items: flex-start } .credit-cardwizard .steps .step .summaryfield__descriptions p { font-size: .75rem } .credit-cardwizard .steps .step .loader { text-align: center; margin: 1.5rem 0; display: flex; align-items: center; justify-content: center } .credit-cardwizard .steps .step .step-thanks .media-holder { margin: 0 0 2rem; display: flex; align-items: center; justify-content: center } .credit-cardwizard .steps .step .step-thanks .media-holder img { max-width: 232px } .credit-cardwizard .steps .step .step-thanks .title { margin-bottom: .75rem } .credit-cardwizard .steps .step .step-thanks .sub-title { margin-bottom: 2.5rem } .credit-cardwizard .steps .step .step-thanks .buttons-parent { justify-content: center } .credit-cardwizard .steps .step .step-thanks .buttons-parent .btn-primary { padding: .313rem 1.5rem; min-width: 120px; justify-content: center } .credit-cardwizard .steps .buttons-parentcards { flex-direction: column; gap: .2rem } .credit-cardwizard .steps .buttons-parentcards .btn { padding: 5px 1rem; justify-content: center } .credit-cardwizard .steps .buttons-parentcards .btn-outline-primary { border: none } .credit-cardwizard .steps .buttons-parentcards .btn-outline-primary:hover { background: var(--midlightgrey) !important; border-color: var(--midlightgrey); color: var(--linkClr) } .credit-cardwizard .steps .buttons-parentcards .btn-outline-primary:active, .credit-cardwizard .steps .buttons-parentcards .btn-outline-primary:focus-visible, .credit-cardwizard .steps .buttons-parentcards .btn-outline-primary:visited { background: var(--white) !important; color: var(--linkClr); border-color: var(--secondary) } .credit-cardwizard .steps .cards-suggestion-label { font-size: .625rem; color: var(--white); font-weight: 400; text-align: center; background: var(--secondary); border-radius: 100px; display: flex; justify-content: center; margin: 0 auto .5rem; padding: .3rem 1rem } .credit-cardwizard .steps .cards-suggestion-label.hidden-element { visibility: hidden } .credit-cardwizard .steps .cards-mobile { display: none } .credit-cardwizard .steps .cards-desktop.cards-desktop-wizard { padding: 0 .5rem } .credit-cardwizard .steps .cards-desktop-wizard_rowholder { display: flex; flex-direction: column; gap: .5rem } .credit-cardwizard .steps .cards-desktop-wizard_rowholder.buttons-parentcards { position: sticky; bottom: 0; border-top: 0 solid var(--black-400); padding-top: .5rem; background: var(--surfacelightbg); box-shadow: 0 -32px 40px -15px rgba(0, 0, 0, .102) } .credit-cardwizard .steps .cards-desktop-wizard_rowholder.buttons-parentcards .btn { font-size: .75rem; width: 100% } .credit-cardwizard .steps .cards-desktop-wizard_rowholder.buttons-parentcards .cards-desktop-wizard_rowequal { border-top: 0 solid var(--black-400); background: none } .credit-cardwizard .steps .cards-desktop-wizard_rowholder.buttons-parentcards .cards-desktop-wizard_colequal { align-items: center !important; gap: .5rem } .credit-cardwizard .steps .cards-desktop-wizard_rowholder.buttons-parentcards .cards-desktop-wizard_colequal .btn-outline-primary:hover { background: none !important; border-color: none; color: var(--primary) } .credit-cardwizard .steps .cards-desktop-wizard_rowholder.buttons-parentcards .cards-desktop-wizard_colequal .btn-outline-primary:active, .credit-cardwizard .steps .cards-desktop-wizard_rowholder.buttons-parentcards .cards-desktop-wizard_colequal .btn-outline-primary:focus-visible, .credit-cardwizard .steps .cards-desktop-wizard_rowholder.buttons-parentcards .cards-desktop-wizard_colequal .btn-outline-primary:visited { background: var(--white) !important; color: var(--linkClr); border-color: var(--secondary) } .credit-cardwizard .steps .cards-desktop-wizard_rowholder .cards-desktop-wizard_rowequal { display: flex; gap: 1rem; align-items: stretch; border-top: 1px solid var(--black-400); background: var(--offWhite-v4); font-size: .75rem; padding: .5rem 0; justify-content: flex-start } .credit-cardwizard .steps .cards-desktop-wizard_rowholder .cards-desktop-wizard_rowequal .cards-desktop-wizard_colequal { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 0; flex: 1; width: 100%; color: var(--primary) } .credit-cardwizard .steps .cards-desktop-wizard_rowholder .cards-desktop-wizard_rowequal .cards-desktop-wizard_colequal p { font-size: .75rem } .credit-cardwizard .steps .cards-desktop-wizard_rowholder .wizard_title { display: flex; padding: .5rem 0; align-items: center; font-size: .875rem; color: var(--primary); font-weight: 700; margin: 0 } .credit-cardwizard .steps .cards-desktop-wizard_row { display: flex; gap: 1rem; align-items: stretch } .credit-cardwizard .steps .cards-desktop-wizard_col { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 0; flex: 1 } .credit-cardwizard .steps .cards-desktop-wizard_content { display: flex; gap: .5rem; flex-direction: column; text-align: center; justify-content: flex-start; flex: 1; height: 100%; margin-bottom: 1.5rem } .credit-cardwizard .steps .cards-desktop-wizard_content .card-title { display: flex; justify-content: center; text-align: center; min-height: 36px } .credit-cardwizard .steps .cards-desktop-wizard .card-img-top { margin-bottom: 1rem } .credit-cardwizard .steps .cards-desktop-wizard_label { font-size: .625rem; color: var(--white); font-weight: 400; text-align: center; background: var(--secondary); border-radius: 100px; display: flex; justify-content: center; margin: 0 auto .5rem; padding: .3rem 1rem; width: 100%; max-width: 80px } .credit-cardwizard .steps .cards-desktop-wizard_label.hidden-element { visibility: hidden } .credit-cardwizard .steps .cards-desktop { overflow-y: auto; max-height: 70vh; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #656565 transparent; padding: 0 1rem } .credit-cardwizard .steps .cards-desktop::-webkit-scrollbar { width: 6px; height: 6px } .credit-cardwizard .steps .cards-desktop::-webkit-scrollbar-track { background: transparent } .credit-cardwizard .steps .cards-desktop::-webkit-scrollbar-thumb { background: #656565; border-radius: 4px } .credit-cardwizard .steps .cards-desktop::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; background: transparent !important } .credit-cardwizard .steps .cards-desktop img.card-img-top { margin: 0 auto 1rem } .credit-cardwizard .steps .cards-desktop .col-12 { display: flex; flex-direction: column; justify-content: space-between } .credit-cardwizard .steps .cards-desktop .col-12 .card { height: 100% } .credit-cardwizard .steps .cards-desktop .col-12 .buttons-parentcards { margin-bottom: 0; position: sticky; bottom: 0; background-color: var(--surfacelightbg); padding: 0 1rem; box-shadow: 0 -32px 40px -15px rgba(0, 0, 0, .101961) } .credit-cardwizard .steps .cards-desktop .card .card-body .card-title { height: 34px } .credit-cardwizard .steps .cards-desktop .card .card-body .sub-title { height: 52px } .credit-cardwizard .steps .cards-desktop .card .card-body .card-recommendations__description { min-height: 80px } .credit-cardwizard .steps .loading-message .field-items { justify-content: flex-start } .credit-cardwizard .steps .step-centered { min-height: 340px } .credit-cardwizard .steps .step-centered, .credit-cardwizard .steps .step-centered .field-items { display: flex; flex-direction: column; justify-content: space-between } .credit-cardwizard .steps .step-centered .block { margin-bottom: auto } .credit-cardwizard .steps .step-centered .buttons-parent { margin-bottom: 0 } .credit-cardwizard .content-block--loader { position: relative; width: 100%; max-width: 100%; min-height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 10000; left: unset; top: unset; transform: unset; background: none } .credit-cardwizard .content-block--loader .loader-parent { position: relative } .credit-cardwizard .content-block--loader .loader-parent .loader-3 { width: 68px; height: 68px; border-radius: 50%; display: inline-block; border-top: 3px solid var(--primary); border-right: 3px solid transparent; box-sizing: border-box; animation: rotation 1s linear infinite } .credit-cardwizard .content-block--loader .loader-parent .loader-3:after { content: ""; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 68px; height: 68px; border-radius: 50%; border-left: 3px solid var(--primary); border-bottom: 3px solid transparent; animation: rotation .5s linear infinite reverse } @keyframes rotation { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .credit-cardwizard .content-block--loader .loader-container { position: relative } .credit-cardwizard .content-block--loader .loader-container img { position: absolute; left: 50%; top: 47%; transform: translate(-50%, -50%); max-width: 45px } .credit-cardwizard .input-group .selectize-control.single .selectize-input { width: 7.135rem; padding-right: 1rem } .credit-cardwizard .input-group .selectize-control.single .selectize-input.dropdown-active:before { display: none } .credit-cardwizard .input-group .selectize-control.single .item { gap: .2rem; align-items: center; font-size: .75rem } .credit-cardwizard .success-content .media-holder img { max-width: 232px } .credit-cardwizard .failure-content .step-centered, .credit-cardwizard .failure-content .step-centered .title { text-align: center } .credit-cardwizard .failure-content .step-centered .media-holder { margin: 0 auto } .credit-cardwizard .failure-content .step-thanks .media-holder img { max-width: 180px } .credit-cardwizard .input-group--phone { z-index: 0; background: var(--white); border: 1px solid var(--cardsBorder) } .credit-cardwizard .input-group--phone .form-control, .credit-cardwizard .input-group--phone .selectize-control.select-selectize--search .selectize-input input, .credit-cardwizard .input-group--phone .selectize-control .selectize-input, .selectize-control .credit-cardwizard .input-group--phone .selectize-input, .selectize-control.select-selectize--search .selectize-input .credit-cardwizard .input-group--phone input { border: none } .credit-cardwizard .card-recommendations.recommendations_last .card-recommendations__title, .credit-cardwizard .card-recommendations.recommendations_middle .card-recommendations__title { visibility: hidden } .credit-cardwizard .card-recommendations__title { margin: 0; font-size: .875rem; font-weight: 700; color: var(--primary); padding: 0 0 .5rem; display: block } .credit-cardwizard .card-recommendations__description { display: block; border-top: 1px solid var(--black-400); background: var(--offWhite-v4); color: var(--primary); font-size: .75rem; font-weight: 400; margin-bottom: .5rem; margin-top: auto; padding: .5rem .5rem .5rem 0 } .credit-cardwizard .card-recommendations ul li { margin: 0; padding: 0; display: flex; flex-direction: column; align-items: stretch; min-height: 100px } .credit-cardwizard .select2-container--bootstrap4 .select2-dropdown { border-top: 0 solid #fff } .credit-cardwizard .cards-parent .card { border: none; background-color: transparent; box-shadow: none } .credit-cardwizard .cards-parent .card-img-top { max-width: 150px; margin: 0 auto 1.5rem } .credit-cardwizard .cards-parent .card-body { padding: 0 } .credit-cardwizard .cards-parent .card-title { font-size: 14px; color: var(--primary) } .credit-cardwizard .cards-parent .card-text { font-size: 10px; color: var(--primary) } .credit-cardwizard .cards-parent .card-text li:before { font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 48; font-size: 16px } @media screen and (max-width:768px) { .credit-cardwizard .modal-dialog { max-width: 100%; height: 100%; margin: 0 } .credit-cardwizard .success-content .step-thanks .media-holder img { max-width: 100% !important } .credit-cardwizard h4.sub-title { text-align: left } .credit-cardwizard .steps-progress-numbers { top: .75rem } .credit-cardwizard .loading-message h4.sub-title { text-align: center } .credit-cardwizard .modal-content { height: 100%; border-radius: 0 } .credit-cardwizard .modal-content .modal-body { padding: 1.5rem 0 } .credit-cardwizard .buttons-parent, .credit-cardwizard .buttons-parentcards { margin: auto 0 0; flex-direction: column-reverse; gap: 2rem; position: fixed; bottom: 0; width: 100%; left: 0; border: none; padding: 1rem 1.5rem; background-color: var(--surfacelightbg) } .credit-cardwizard .buttons-parent button, .credit-cardwizard .buttons-parentcards button { width: 100%; text-align: center; justify-content: center } .credit-cardwizard .buttons-parent .btn-outline-primary, .credit-cardwizard .buttons-parentcards .btn-outline-primary { display: none } .credit-cardwizard .field-items { display: flex; flex-direction: column; height: calc(100vh - 100px); width: 100%; overflow-y: auto; padding-bottom: 125px; padding-left: 1.5rem; padding-right: 1.5rem } .credit-cardwizard .field-items .text-center { text-align: left !important } .credit-cardwizard .field-items .block { width: 100%; padding: 0; margin-bottom: auto } .credit-cardwizard .field-items .block .pills-label { text-align: left } .credit-cardwizard .field-items .checkbox-parent { padding: 0; align-items: unset; justify-content: unset } .credit-cardwizard .field-items .cards-mobile { display: block; margin-bottom: auto } .credit-cardwizard .field-items .cards-mobile .content-block .card-title { margin-bottom: .5rem } .credit-cardwizard .field-items .cards-mobile .content-block .bullet-points ul li { padding: 0 } .credit-cardwizard .field-items .cards-mobile .content-block .bullet-points ul li .card-recommendations__description { background: none } .credit-cardwizard .field-items .cards-mobile .buttons-parentcards { flex-direction: column; gap: .5rem } .credit-cardwizard .field-items .cards-mobile .buttons-parentcards .btn-outline-primary { display: block } .credit-cardwizard .field-items .cards-mobile .swiper { margin-bottom: 1.5rem } .credit-cardwizard .field-items .cards-mobile .swiper .swiper-wrapper .swiper-slide img { width: 100% } .credit-cardwizard .field-items .cards-desktop { display: none } .credit-cardwizard .field-items .cards-parent .card-title { display: flex } .credit-cardwizard .field-items h3.title { font-size: 1rem } .credit-cardwizard .field-items .credit-cardwizard-carousel .swiper-pagination { bottom: 0; margin-top: 1rem; position: relative } .credit-cardwizard .field-items .credit-cardwizard-carousel .swiper-pagination .swiper-pagination-bullet, .credit-cardwizard .field-items .credit-cardwizard-carousel .swiper-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px } .credit-cardwizard .loading-message .step-centered { justify-content: center } .credit-cardwizard .loading-message .step-centered .text-center { text-align: center !important } .credit-cardwizard .modal-header { padding: 0 0 1.5rem; margin: 1.5rem 1.5rem 0 } .credit-cardwizard .modal-header .progress { height: 4px; border-radius: 0; bottom: 0; top: unset } .credit-cardwizard .modal-header__contentholder .wizard-prev-btn { display: flex; margin-left: 0; background-color: var(--white); border: none; width: 40px; height: 40px; padding: 0; align-items: center; justify-content: center } .credit-cardwizard .modal-header__contentholder .wizard-prev-btn:hover { background: var(--midlightgrey) !important; border-color: var(--midlightgrey); color: var(--linkClr) } .credit-cardwizard .modal-header__contentholder .wizard-prev-btn:active, .credit-cardwizard .modal-header__contentholder .wizard-prev-btn:focus-visible, .credit-cardwizard .modal-header__contentholder .wizard-prev-btn:visited { background: var(--white) !important; color: var(--linkClr); border-color: var(--secondary) } .credit-cardwizard .modal-header__contentholder .wizard-prev-btn:before { line-height: 0; font-size: 2.5rem } .credit-cardwizard .bullet-points.with-icons ul { margin: 1.5rem 0 0; padding: 0 } .credit-cardwizard .bullet-points.with-icons ul li { list-style: none; margin: 0 0 .75rem; position: relative; text-align: left } .credit-cardwizard .input-group .selectize-control.select-phone-code .selectize-input { width: 6.725rem } .credit-cardwizard .input-group .selectize-control.select-phone-code .selectize-dropdown { width: 7.125rem !important } } [dir=rtl] .credit-cardwizard .form-group.prefixField .prefix { left: auto; right: 2px } [dir=rtl] .credit-cardwizard .form-group.prefixField .error-picture { left: 2px; right: auto } .selectize-control.select-selectize--search .selectize-input [dir=rtl] .credit-cardwizard .form-group.prefixField input, .selectize-control [dir=rtl] .credit-cardwizard .form-group.prefixField .selectize-input, [dir=rtl] .credit-cardwizard .form-group.prefixField .form-control, [dir=rtl] .credit-cardwizard .form-group.prefixField .selectize-control.select-selectize--search .selectize-input input, [dir=rtl] .credit-cardwizard .form-group.prefixField .selectize-control .selectize-input { padding-right: 4.5rem !important; padding-left: 1rem !important; text-align: right } [dir=rtl] .credit-cardwizard .input-group--phone { flex-direction: row } [dir=rtl] .credit-cardwizard .steps .input-group .float-label input { direction: rtl } [dir=rtl] .credit-cardwizard .steps .input-group .selectize-control.single .selectize-input>.item { gap: .2rem; align-items: center } [dir=rtl] .credit-cardwizard .steps .input-group .selectize-control.select-phone-code .selectize-input { justify-content: space-between; padding-left: 1rem !important } [dir=rtl] .credit-cardwizard .input-group .selectize-control.select-phone-code .selectize-dropdown { left: 0 } [dir=rtl] .credit-cardwizard .select2-selection--single .select2-selection__rendered { padding-left: 0 } @media screen and (max-width:768px) { [dir=rtl] .selectize-control.select-phone-code .selectize-input { padding-right: 0 } } body.modal-open .credit-cardwizard .select2-container--open { z-index: 9999 } .single-slider .ccbenefits--left-col .col-lg-4 img { height: 590px } #CaseStudies .card--large figure img { width: 75% } .news-detail__info-share { display: none } .banner-slider__bg>img { position: absolute } .frequently-tasks__list>li, .frequently-tasks__list>li span { padding-bottom: 1rem } .banner-slider__inner { z-index: 2 } .banner-slider__bg:before { z-index: 1 } .support-grid--same-size .support-card { max-height: 11.875rem } @media (max-width:991.98px) { .ccbenefits__info { margin-bottom: 1rem } } .banner-slider__bg { display: block } .calculator-without-label .calculator-earn__field-group { margin-bottom: 1rem !important } @media (max-width:991.98px) { .calculator-without-label .calculator-earn__field-group { margin-bottom: 4rem !important } } .calculator-earn__field-group { display: flex; align-items: center; margin-bottom: .375rem; padding-top: 3.5rem } @media (max-width:1199px) { .menu__mobile-close:after, .menu__mobile-close:before { height: .1875rem } .mobile-menu-popup { visibility: hidden; right: -100%; transition: all .3s ease; display: block } .mobile-menu-enable .mobile-menu-popup { visibility: visible; right: 0 } } .breadcrumb__container { z-index: 3 !important } @media (max-width:576px) { .calculator-earn__field-group:not(.d-block) { display: block; padding-top: 0 } .borrow__calculator--title { margin-bottom: 0 !important } .card-banner__picture:after { display: none !important } } .menu-open, .mobile-menu-enable { overflow: hidden } .picture-overlay.banner-slider__bg:before { display: none } @media (max-width:767.98px) { .ccbenefits { border-radius: 0; color: #000; padding: 0 } .ccbenefits picture { position: relative; height: auto } .ccbenefits .picture-overlay:after { display: none } .ccbenefits .ccbenefits__info-icon i { border-color: #072447 } .ccbenefits .ccbenefits__info-icon img { filter: invert(76%) sepia(122%) saturate(471%) hue-rotate(190deg) brightness(85%) contrast(161%) } .ccbenefits .btn--link-white { color: #072447 } .banner-slider_filled-mobile .picture-overlay:after, .card-banner__picture:after { display: none !important } } .popular-deals .popular-card .overlay-picture-linear:before { display: none !important } #totalAmount .d-flex.justify-content-between .flex-fill:nth-child(2) { display: none } .atm-branches__map-wrapper { padding: 0 !important } .onMapButton { background-size: cover !important; background-image: var(--backgroundImage) } .banner-slider { position: relative } @media (max-width:767px) { .hero.support-details__hero .picture-overlay { position: relative } .hero.support-details__hero .picture-overlay:after { display: none !important } } .footer-main .footer-title, .footer-segments h5 { font-size: 1rem } .modal .collapse-wrapper { background-color: #f7f7f7 } .modal .collapse__toggle { font-size: 1.2rem } .modal .collapse__content--inner .fw-semibold.fs-lg-18 { font-size: 1rem !important } .banking-card .text-gray.fs-12 { font-size: 1rem !important; font-weight: 400 !important } .ccbenefits__info-icon img { padding: 0 !important; width: 100% } .promo-banner .section__title { font-size: 20px; margin-bottom: 0 } .swiper-arrows-v1 .swiper-button-prev { left: .5rem; top: 60% } .swiper-arrows-v1 .swiper-button-next { right: .5rem; top: 60% } .promocard-highlight__fw .fs-14.fw-semibold { font-weight: 400 !important } .banking-cards__wrapper { border-radius: 0 } .promo-banner--alt.no--shadow .section--overlay:before { display: none } .promo-banner--alt>div { border-radius: 0; padding: 7rem 1.5rem } .promo-banner--alt-left>div { text-align: left !important } @media (max-width:991.98px) { .banking-cards__wrapper--md .banking-cards__text { padding: 1.5rem 0 0 } } @media (min-width:768px) { .promocard-highlight__fw:not(.no--shadow) .ccbenefits__title { font-size: 2rem; margin: 0 0 30px !important; line-height: normal } .iconWidth-60 .block-grid__icon-picture>img { width: 60px } .section--side-image .section__side-content .fs-12.fw-semibold { font-size: 1rem !important; font-weight: 400 !important; margin-bottom: 0 !important } .promo-banner--alt .section__title { font-size: 2rem !important; font-weight: 600; margin-bottom: .875rem !important } .promo-banner--alt p { font-size: 1.225rem } .heading-block>.container>.row>.col-12>p { font-size: 1.25rem !important; font-weight: 300 !important } .heading-block>.container>.row>.col-12>h2 { font-size: 2.375rem !important } .heading-block>.container>.row>.col-12>.fw-light.fs-18.mb-4.text-center { font-size: 1.5rem } .heading-block>.container div>p.jumbotron__title.text-center { font-size: 1.25rem !important; font-weight: 300 !important; color: #757575; margin-bottom: .625rem } .heading-block>.container div>.section__title { font-size: 2.375rem !important; margin-bottom: .875rem !important } .heading-block>.container div>p.fw-light.fs-18 { margin-top: 1.313rem } } .alt-v.promo-banner.Cta--sm>div { padding: 1.5rem 2rem } .alt-v.promo-banner .section__title, .alt-v.promo-banner .section__title p { margin-bottom: 0 } .typo--primary.editor-detail table thead th strong { color: #fff !important } @media (min-width:768px) { .card-list.alt-v .ccbenefits__body .link-arrow { margin-top: unset !important } } @media screen and (max-width:767px) { .single-slider .ccbenefits--left-col .col-lg-4, .single-slider .ccbenefits--left-col .col-lg-4 img { height: 590px } } .rates__box-desc.fs-12 { font-size: 14px !important } .requirements .container>.fw-light { font-weight: 400 !important } @media (max-width:768px) { .ccbenefits__grid.row { flex-direction: row } } @media screen and (max-width:767px) { .banner-icon--bg .banner-slider__card img { background: #fff; padding: .5rem; border: 1px solid #efefef } .ccbenefits__grid.row img { object-fit: contain; filter: invert(76%) sepia(122%) saturate(471%) hue-rotate(190deg) brightness(85%) contrast(161%) } } @media (max-width:767.98px) { .banner-slider_filled-mobile.banner--text-black .banner-slider__slide { color: #000 } } @media screen and (max-width:767px) { .ccbenefits .ccbenefits__body .ccbenefits__body-btns a.btn.btn--link-white, .ccbenefits .ccbenefits__body .ccbenefits__body-btns a:not(.text-white) { color: #000 !important } .ccbenefits .ccbenefits__body .ccbenefits__body-btns a.btn { color: #fff !important } } .typo--primary.heading-block>.container div>p.jumbotron__title.text-center { color: #000 !important } .banking-card .text-gray.fs-12 { color: #fff !important } @media screen and (max-width:767px) { .cardiconlist__withborderleftaligned .col-md-6.col-lg-3.mb-3 { flex: 0 0 100%; max-width: 100% } .cardiconlist__withborderleftaligned .card.card--image-icon { flex-direction: column; align-items: normal } .cardiconlist__withborderleftaligned .card.card--image-icon>.card__icon { margin-bottom: .5rem } } .section-variant-primary-100 .modal .modal-body * { color: #000 } @media (max-width:767px) { .product-type-card>.container { padding-left: 0; padding-right: 0; overflow-x: hidden } .product-type-card>.container .ccbenefits__body { padding-left: 1rem; padding-right: 1rem } .product-type-card .ccbenefits__body-btns a { margin-bottom: 0 !important } .product-type-card .btn--secondary+.link-arrow { padding-bottom: .9375rem !important } } section.bg-white.moreapp { padding-bottom: 3rem } .cardlist .cardlist_selection .cardlist__header, .cardlisting .cardlist_selection .cardlist__header { background-color: transparent } @media (min-width:768px) { .cardlisting .cardlist__title { margin-bottom: 0 } } .banner-with-highlight, .cardlist-filter-button { background: #fff } @media screen and (min-width:1024px) { .banner-with-highlight--sm { height: 400px } .banner-with-highlight--sm .banner-slider__inner { min-height: unset } .banner-with-highlight--sm .banner-slider__container, .banner-with-highlight--sm .banner-slider__slide { height: 100% } } .banner-with-highlight--sm p { line-height: 1.8rem } @media screen and (min-width:768px) { .banner-with-highlight--md .banner-slider__inner { min-height: 500px; height: 500px } } @media (max-width:768px) { .banner-with-highlight .banner-slider__inner { padding-bottom: 0 } .banner-with-highlight .banner-slider__buttons { margin-top: 1rem } } @media (max-width:768px) { .banner-with-highlight.typo-1 .card-banner h2 { line-height: 3rem } } .promocard-with-highlights__top-image { padding-bottom: 4.125rem; padding-top: 4.125rem } @media (max-width:768px) { .promocard-with-highlights__top-image { padding-top: 2.5rem; padding-bottom: 2.5rem } .promocard-with-highlights__top-image.online-banking-benefits--spacing .online-banking-benefits__picture picture { margin-top: 3rem } } .card-icon-list__bottomlink .row+div a { margin-bottom: 3rem } .card-icon-list__bottomlink h4.fs-12 { font-size: 1rem !important } @media (max-width:768px) { .card-icon-list__bottomlink { padding-top: 2.5rem; padding-bottom: 2.5rem !important } .card-icon-list__bottomlink .col-md-6.mb-5 { margin-bottom: 1.5rem !important } .card-icon-list__bottomlink .col-md-6:last-of-type { margin-bottom: 0 !important } .card-icon-list__bottomlink .col-md-6:last-of-type p { margin-bottom: 0 } } @media (max-width:768px) { .card-icon-list__bottomlink .col-md-6:last-of-type .block-grid__body, .card-icon-list__noborder { padding-bottom: 0 } } @media (max-width:768px) { .card-icon-list__horizontal .rates__wrapper { padding-top: 0 } } .promocardwithlink__twocolumnright { padding-top: 4.125rem; padding-bottom: 4.125rem } @media screen and (max-width:768px) { .promocardwithlink__twocolumnright { padding-top: 2.5rem; padding-bottom: 2.5rem } } .promocardwithlink--imagelink { padding-top: 3rem; padding-bottom: 3rem } @media (max-width:768px) { .promocardwithlink--imagelink { padding-top: 1.5rem; padding-bottom: 1.5rem; margin: 0; border-radius: 0 } } @media (max-width:576px) { .highlight-slider .skyshopper-sticky__section:nth-of-type(odd) { margin-bottom: 2rem } .highlight-slider .skyshopper-sticky__section:nth-of-type(2n) { margin-bottom: 0 } } @media (max-width:576px) { .cardlist--centertab .tab-pane>.row>div { padding-left: 1rem; padding-right: 1rem } } .cardlist--bottom-image img { padding-bottom: 3rem } @media (max-width:576px) { .cardlist--bottom-image { padding-bottom: 2.5rem } } @media (max-width:576px) { .promocard--right-image { padding-top: 0 !important } } .promocard-with-highlights { padding-top: 4.125rem; padding-bottom: 4.125rem } @media screen and (max-width:768px) { .promocard-with-highlights { padding-top: 2.5rem; padding-bottom: 2.5rem } } .promocard-with-highlights__left-img-highlight .ccbenefits__grid.row { flex-direction: row } @media (max-width:767px) { .promocard-with-highlights__left-img-highlight .ccbenefits__grid.row img { object-fit: contain; filter: invert(76%) sepia(122%) saturate(471%) hue-rotate(190deg) brightness(85%) contrast(161%) } } @media screen and (max-width:768px) { .promocard-with-highlights__with-right-image { padding: 2.5rem 0 } } .promocard-with-highlights__with-right-image .banking-cards__wrapper { min-height: 23rem } .promocard-with-highlights__with-left-image { padding: 4.125rem 0 } @media screen and (max-width:768px) { .promocard-with-highlights__with-left-image { padding: 2.5rem 0 } } .promocard-with-highlights--left-aligned { padding-top: 4.125rem; padding-bottom: 4.125rem } @media (max-width:576px) { .promocard-with-highlights--left-aligned { padding-top: 2.5rem !important; padding-bottom: 2.5rem } .promocard-with-highlights--left-aligned.ccbenefits--left-col .ccbenefits__title { font-size: 1.5rem; line-height: normal } } @media (max-width:768px) { .promocard-with-highlights--left-aligned .text-white { color: #000 !important } } .promocard-with-highlights--right-aligned { padding-top: 4.125rem; padding-bottom: 4.125rem } @media screen and (max-width:768px) { .promocard-with-highlights--right-aligned { padding-top: 2.5rem; padding-bottom: 2.5rem } .promocard-with-highlights--right-aligned .text-white { color: #000 !important } } .menu-for-mobile .inner-block { margin-top: 1.5rem; margin-bottom: 1.5rem } .main-banner__mini { position: relative } @media screen and (max-width:992px) { .main-banner__mini .btn { margin-bottom: 1.5rem } } @media only screen and (max-width:576px) { .main-banner__mini .cards-cta__content+div a:not(:first-of-type) { padding-top: 1rem; padding-left: 1rem } } .main-banner__mini .position-relative { padding-top: 0; padding-bottom: 0 } @media screen and (max-width:992px) { .main-banner__mini .position-relative { padding-top: 1rem; padding-bottom: 1rem } } @media screen and (max-width:576px) { .main-banner__mini .position-relative { padding-bottom: 0 } } .main-banner__mini .picture-overlay>img { min-height: 22.5rem } @media (max-width:768px) { .main-banner__mini .picture-overlay>img { min-height: 9.375rem } } .promotion-listing-slider { padding-bottom: 3rem } .promotion-listing-slider .swiper-container { padding-bottom: 0 } .promotion-listing-slider .swiper-scrollbar { left: 0; width: 100% } .promotion-listing-slider .swiper-slide { height: auto } .image-slider img { max-width: 12.5rem } .image-slider.world-currencies .card-forex { width: auto } @media (min-width:768px) { .image-slider.world-currencies .card-forex { width: auto } .image-slider.world-currencies_card-mobile .card-forex { padding: 0; min-width: 9.375rem } } .main-slider-wrapper { background-color: #fff } @media screen and (max-width:768px) { .main-slider-wrapper .banner-slider__inner { padding-bottom: 0 } } .main-slider__highlights { background-color: #fff } .main-slider__center-focused { padding-top: 4.125rem; padding-bottom: 4.125rem; background-color: #fff } .main-slider__center-focused .carousel-swiper__description { padding-bottom: 0 } @media screen and (max-width:768px) { .main-slider__center-focused { padding-top: 2.5rem; padding-bottom: 2.5rem } } .download-banner { padding-top: 4.125rem; padding-bottom: 4.125rem } @media screen and (max-width:768px) { .download-banner { padding-top: 2.5rem; padding-bottom: 2.5rem } } .download-banner__full-width { overflow: hidden } .download-banner__full-width .moreapp-download_large { padding-top: 4.125rem } @media screen and (max-width:768px) { .download-banner__full-width .moreapp-download_large { padding-top: 2.5rem } } .download-banner__full-width .moreapp-download_large>picture { position: unset } .download-banner__full-width .moreapp-download_large>picture img { width: 100%; position: absolute; left: 0; top: 0 } .download-banner__with-qr { padding-top: 4.125rem; padding-bottom: 4.125rem } @media (max-width:767.98px) { .download-banner__with-qr { padding-top: 2.5rem; padding-bottom: 2.5rem } } @media (max-width:991.98px) { .currency-card .swiper-container { padding-bottom: 0 } } .currency-card__aedconversion { padding-top: 4.125rem; padding-bottom: 4.125rem } @media (max-width:767.98px) { .currency-card__aedconversion { padding-top: 2.5rem; padding-bottom: 2.5rem } } .featured-package { padding-top: 4.125rem; padding-bottom: 4.125rem } @media screen and (max-width:768px) { .featured-package { padding-top: 2.5rem; padding-bottom: 2.5rem } } .featured-package .cardlist__main { padding-top: 0; padding-bottom: 0 } .link-list__download-link { padding: 4.125rem 0 } @media screen and (max-width:768px) { .link-list__download-link { padding: 2.5rem 0 } } .card-list { background-color: #eef2f8; padding-top: 4.125rem; padding-bottom: 4.125rem } @media (max-width:767.98px) { .card-list { padding-top: 2.5rem; padding-bottom: 2.5rem } .card-list .ccbenefits .ccbenefits__body { padding: 1rem } } @media (max-width:768px) { .article-detail .support-details__section { padding-top: 1rem } .article-detail .support-details__content { padding-top: 6.25rem } } .linklistwithbg__titlecardwithoutbg .links-group__item.mb-4 { margin-bottom: 0 !important; height: 100% } .linklistwithbg__titlecardwithoutbg .col-lg-4 { margin-bottom: 1.5rem } .benefits-card .ccbenefits__item-icon picture img { width: 100%; height: 100%; padding: .3rem } .benefits-card .ccbenefits__item-icon i { border-color: #072447 } @media (min-width:992px) { .benefits-card .ccbenefits__item-icon picture img { width: 100%; height: 100%; padding: .6rem } .benefits-card .ccbenefits__item-icon i { border-color: #fff } } .benefits-card__single-column .ccbenefits__item-icon picture img { width: 100%; height: 100%; padding: .3rem } .benefits-card__single-column .ccbenefits__item-icon i { border-color: #072447 } @media (min-width:992px) { .benefits-card__single-column .ccbenefits__item-icon picture img { width: 100%; height: 100%; padding: .6rem } .benefits-card__single-column .ccbenefits__item-icon i { border-color: #fff } } .herobanner__withrightimageandlinks.hero--overlay:before { z-index: unset } .card-listing .cardlist__title { margin-bottom: 0 } .image-title-description-grid .row>.col-md-6 { margin-bottom: 1rem } .image-title-description-grid .row:not(.justify-content-center) { justify-content: center } .cardlist__listwithoutimg .bg-white.rounded { height: 100%; display: flex; align-items: center; justify-content: center } .cardlist__listwithoutimg p { margin-bottom: 0 } .inline-links .fw-semibold p { display: inline-block; margin-right: .5rem } .enable-link-arrow .editor-detail>a:not(.tab-item__link):after { display: inline-block } .enable-link-arrow .editor-detail>a { text-decoration: none } .ccbenefits--left-col .ccbenefits__body p, .ccbenefits--right-col .ccbenefits__body p, .promocard-with-highlights--left-aligned .ccbenefits__body p, .promocard-with-highlights--right-aligned .ccbenefits__body p { font-size: 1rem } .ccbenefits--left-col .btn-primary, .ccbenefits--right-col .btn-primary, .promocard-with-highlights--left-aligned .btn-primary, .promocard-with-highlights--right-aligned .btn-primary { color: var(--white) !important } .remediation-error#errorModal .modal-header { padding-bottom: 0 } .remediation-error#errorModal .modal-body:before { top: 50%; transform: translateY(-50%); margin-bottom: 0 } @media screen and (min-width:992px) { .remediation-error#errorModal .modal-body { padding: 3rem 3rem 3rem 8.75rem !important; text-align: left !important } } @media screen and (max-width:992px) { .remediation-error#errorModal .modal-body { padding: 2rem !important; text-align: center !important; display: flex; flex-direction: column; align-items: center } } @media screen and (min-width:576px) { .remediation-error#errorModal .modal-dialog { max-width: 600px } } #benefit-detail-modal .modal-header--cover picture img { width: auto } body.modal-open .js-stickybar.sticky { z-index: 9 } .banner-h1 { font-weight: 300; font-size: 1.475rem } @media (min-width:768px) { .banner-h1 { font-size: 2.625rem } } .growth-initiative .site-main:not(:has(div)) { display: none } .growth-initiative p { line-height: 28px } .growth-initiative section:not(.spotlight-video):not(.rich-editor) { padding: 3.5rem 0 } .growth-initiative .btn { font-size: .875rem; letter-spacing: 1px; border-radius: .5rem; text-transform: uppercase } .growth-initiative .btn-outline-primary { border-color: --greyBlue } .growth-initiative .btn-outline-primary:hover { border-color: #072447; background-color: transparent; color: #072447 } .growth-initiative .btn-primary { background: linear-gradient(135deg, #395fc0, #081f5b) } .growth-initiative .gt-head-content { margin: 0 0 3rem } .growth-initiative .gt-title { font-size: 2rem; color: #072447; font-weight: 400; margin: 0 0 1rem } .growth-initiative .gt-title--lg { font-size: 3rem } .growth-initiative .gt-title--sm { font-size: 1.5rem; font-weight: 400; color: #072447 } @media (max-width:991.98px) { .growth-initiative .gt-title { font-size: 1.5rem } } .growth-initiative .footer-top__col>div { align-items: center } .growth-initiative .footer-top__col>div>span { margin-top: .3rem; margin-left: .5rem } @media (max-width:991.98px) { .growth-initiative .gt-title { font-size: 1.5rem } .growth-initiative .footer-bottom { padding: 5rem } .growth-initiative .footer-top__row { justify-content: center } .growth-initiative .social-links a:first-of-type { margin-left: 0 } } .growth-initiative .gt-description { font-size: 1.125rem; color: #072447; text-align: center } @media (max-width:991.98px) { .growth-initiative .gt-description { font-size: 1rem } } .growth-initiative .gi-heading-block .gt-title { margin-bottom: 2rem } .growth-initiative .social-links a img[src*="x-logo.jpg"] { position: relative; top: .1875rem } [dir=rtl] .growth-initiative .gt-header .right-nav .btn { text-align: right } @media only screen and (max-width:1280px) and (min-width:992px) { .growth-initiative .gt-description { font-size: 1rem } } @media (max-width:991.98px) { .growth-initiative .gt-header .right-nav .btn { margin-left: 0; margin-right: 0; color: #575757 !important; padding: 1.25rem 1rem } [dir=rtl] .growth-initiative .gt-header .right-nav .btn { text-align: right } } .growth-initiative .banner-slider__bg:before { background: var(--overlay-bg, linear-gradient(270deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .8))) } @media screen and (max-width:992px) { .growth-initiative .banner-slider__bg:before { content: "" !important; background: var(--overlay-bg, linear-gradient(270deg, rgba(51, 51, 51, 0) 10%, rgba(0, 0, 0, .8))) } } .growth-initiative .banner-slider__inner { min-height: 42.375rem } .growth-initiative .alt-v.card-banner .banner-slider__title { font-size: 2.5rem; font-weight: 600; line-height: 3.4rem } .growth-initiative .alt-v.card-banner .banner-slider__content { max-width: 45rem } .growth-initiative .banner-slider__desc { font-size: 1.125rem; font-weight: 400 } .growth-initiative .banner-slider__buttons .btn--outline { padding: .5rem 1rem; color: #072447; margin-top: 0; border-width: .0625rem } @media (min-width:992px) { .growth-initiative .banner-slider__buttons { margin-top: 2rem } .growth-initiative .banner-slider__buttons .btn--outline { border-color: #fff; color: #fff !important; font-size: .875rem } .growth-initiative .banner-slider__buttons .btn--outline:hover { color: #000 !important } } .growth-initiative .banner-slider { padding-bottom: 0 !important } @media (max-width:1199.98px) { .growth-initiative .banner-slider_filled-mobile .banner-slider__slide { color: #fff; height: 678px; justify-content: center; display: flex } .growth-initiative .banner-slider__sub-title { margin: 0 } .growth-initiative .banner-slider__inner { height: auto } .growth-initiative .banner-slider__title { font-weight: 600 !important; margin: 1.4rem 0 !important; line-height: normal !important } .growth-initiative .banner-slider_filled-mobile .swiper-wrapper .banner-slider__slide .banner-slider__inner .banner-slider__content { align-items: flex-start; display: flex; flex-direction: column; justify-content: center } .growth-initiative .banner-slider__buttons { margin: 0 } .growth-initiative .banner-slider__buttons .btn--outline { border-color: #fff; color: #fff; margin: 2rem 0 0 } .growth-initiative .banner-slider_filled-mobile .banner-slider__bg { position: absolute; height: 100%; padding: 0 } .growth-initiative .alt-v.card-banner .banner-slider__inner { text-align: left } } @media (max-width:991.98px) { .growth-initiative .banner-slider__title { line-height: normal; font-size: 2rem !important; font-weight: 600 !important; margin: 1rem 0 !important } } [dir=rtl] .growth-initiative .banner-slider__bg:before { background: var(--overlay-bg, linear-gradient(-270deg, rgba(51, 51, 51, 0) 30%, rgba(0, 0, 0, .8))) } [dir=rtl] .growth-initiative .banner-slider_filled-mobile .swiper-wrapper .banner-slider__slide .banner-slider__inner .banner-slider__content { align-items: flex-start; text-align: right } [dir=rtl] .growth-initiative .banner-slider__bg>img { transform: scalex(-1) } .about-initiative .gt-title { margin-bottom: 2rem } .about-initiative p { font-size: 1.125rem; color: #072447 } .about-initiative .quotation-box { background-color: #eef2f8; border-radius: 1.25rem; padding: 3rem 1rem; color: #072447; margin: 4rem 0 0; text-align: center } .about-initiative .quotation-box .profile-img { margin: 0 0 1.5rem } .about-initiative .quotation-box .profile-info { padding-left: 1.5rem } .about-initiative .quotation-box h3 { font-size: 1rem; font-weight: 700; margin: 0 0 .625rem; line-height: 1.5 } .about-initiative .quotation-box span { font-size: .875rem; font-weight: 400 } .about-initiative .quotation-box .person-info { display: flex; flex-direction: row; margin: 2.5rem 0 0 } .about-initiative .quotation-text { font-style: italic; font-size: 1.125rem; position: relative; max-width: 740px; margin: 0 auto 2rem } .about-initiative .quotation-text strong { font-weight: 700 } [dir=rtl] .about-initiative .quotation-text .left, [dir=rtl] .about-initiative .quotation-text .right { transform: scale(-1) } @media (min-width:768px) { .about-initiative .quotation-box .quotation-text .left, .about-initiative .quotation-box .quotation-text .right { position: absolute } .about-initiative .quotation-box .quotation-text .left { left: -2.5rem } .about-initiative .quotation-box .quotation-text .right { right: -2.5rem } } @media (max-width:991.98px) { .about-initiative .gov-logs { margin: 0 0 2rem } .about-initiative .quotation-box { padding: 2rem; margin: 2rem auto 0; max-width: 90% } .about-initiative .quotation-box .quotation-text svg { width: .938rem } .about-initiative .quotation-box .quotation-text .left { left: -1.3rem } .about-initiative .quotation-box .quotation-text .right { right: -1.3rem } .about-initiative .person-info { flex-direction: column } .about-initiative .person-info .content { padding: 1.5rem 0 0 } .about-initiative .person-info .content br { display: none } } .gt-keyProgram--box { background-color: #fff; padding: 2rem 1.5rem; text-align: center; height: 100%; border-radius: 8px } @media (max-width:1199.98px) { .gt-keyProgram--box { margin-bottom: 1.5rem; height: auto } } .gt-keyProgram--box .title { color: #072447; font-size: 1rem; margin: 1.5rem auto 0; line-height: 1.5rem } @media (min-width:768px) { .gt-keyProgram--box .title { font-size: 1.125rem; font-weight: 400 } } .gt-keyProgram--box .info { color: #000; font-size: 1rem; font-weight: 300 } .gt-keyProgram.alt-v2 .gt-keyProgram--box { padding: 3.2rem 1rem } .gt-keyProgram.alt-v2 .gt-keyProgram--box .title { font-size: 1.25rem; margin: 0 } .gt-keyProgram.alt-v2 .gt-keyProgram--box>.icon { margin: 0 0 1rem } @media only screen and (max-width:1280px) and (min-width:992px) { .gt-keyProgram--box .info, .gt-keyProgram--box .title { font-size: 1rem } } @media only screen and (max-width:1280px) and (min-width:992px) and (max-width:1280px) and (min-width:992px) { .gt-keyProgram--box .title { font-size: 1.125rem } } @media only screen and (max-width:1280px) and (min-width:992px) { .gt-keyProgram--box>img { width: auto } } @media screen and (min-width:767px) and (max-width:1199.98px) { .gt-keyProgram--box { height: 100%; margin-bottom: 0 } } @media screen and (min-width:767px) and (max-width:1199.98px) { .gt-keyProgram .col-12 { margin-bottom: 2rem } } .growth-initiative .list-block .gt-list { border-radius: 1rem; color: #072447; font-size: 1.25rem; padding: 2rem 3rem 0 0; line-height: 1.5rem } .growth-initiative .list-block .gt-list li { list-style-type: none; margin-bottom: 1.3rem; font-size: 1.125rem; position: relative; padding-left: 3rem } .growth-initiative .list-block .gt-list li:before { content: ""; flex-shrink: 0; display: inline-block; width: 1.563rem; height: 1.563rem; margin-right: 1rem; background-image: url(-/media/checkmark-circle.svg); position: absolute; left: 0; top: 0 } .growth-initiative .list-block .gt-list li:last-child { margin-bottom: 0 } @media (max-width:991.98px) { .growth-initiative .list-block .gt-list .gt-title { margin: 1rem 0 } .growth-initiative .list-block .gt-list .gt-list { margin-bottom: 0 } .growth-initiative .list-block .gt-list .gt-list li { font-size: 1rem } } @media only screen and (max-width:1280px) and (min-width:992px) { .growth-initiative .list-block .gt-list li { font-size: 1rem } } [dir=rtl] .growth-initiative .list-block .gt-list { padding-left: 3rem; padding-right: unset } [dir=rtl] .growth-initiative .list-block .gt-list li { padding-right: 3rem; padding-left: unset } [dir=rtl] .growth-initiative .list-block .gt-list li:before { margin-left: 1rem; margin-right: unset; right: 0; left: unset } @media screen and (min-width:768px) { .growth-initiative .list-block .header-wrapper { padding-right: 5rem } [dir=rtl] .growth-initiative .list-block .header-wrapper { padding-left: 5rem } } @media (max-width:1199.98px) { .growth-initiative .list-block figure img { width: 100% } .growth-initiative .list-block .header-wrapper { padding: 0 } .growth-initiative .list-block .gt-list { padding-right: 0 } } .gt-faq .collapse-wrapper { background-color: #edf2ff } .gt-faq .collapse__toggle { color: #072447; font-weight: 600 !important } .gt-faq .collapse__content--inner { font-size: 1rem; font-weight: 400; line-height: normal } .gt-faq .btn-outline-primary:after { display: none } .gt-faq .gt-title { margin-bottom: 2rem } @media only screen and (max-width:1280px) and (min-width:992px) { .gt-faq .collapse__content--inner { font-size: 1rem } } .gt-applyNow--container { padding: 3rem 1.5rem; text-align: center; background-image: var(--background); background-size: cover; background-repeat: no-repeat; border-radius: 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center } @media (min-width:768px) { .gt-applyNow--container { min-height: 430px } } .gt-applyNow--container .btn-primary { margin: 2.5rem 0 0; box-shadow: 0 .938rem .625rem -.938rem #111 } .gt-applyNow--container .gt-title { line-height: 44px } .growth-initiative .spotlight-video { margin-top: 4rem !important; padding: 80px 0; min-height: 46.375rem } .growth-initiative .spotlight-video .gt-title--sm { color: #fff; margin: 0 } .growth-initiative .spotlight-video__list-item-img { margin-bottom: .5rem } .growth-initiative .spotlight-video__card { position: absolute; top: 50%; transform: translateY(-50%) } .growth-initiative .spotlight-video__card label { font-size: 1.5rem; font-weight: 400; margin-bottom: 0 } @media (max-width:991.98px) { .growth-initiative .spotlight-video__card label { font-size: 1rem; font-weight: 400 } } .growth-initiative .spotlight-video__card .title { font-size: 2.5rem; font-weight: 600; margin: 1.5rem 0; line-height: 3.5rem } @media (max-width:991.98px) { .growth-initiative .spotlight-video__card .title { font-size: 2rem; font-weight: 600; line-height: normal } .growth-initiative .spotlight-video__card .title br { display: none } } .growth-initiative .spotlight-video__card p { font-size: 1.125rem; margin-bottom: 2.5rem } @media (max-width:991.98px) { .growth-initiative .spotlight-video__card p { font-size: 1rem; margin-bottom: 1rem } .growth-initiative .spotlight-video__card p br { display: none } } .growth-initiative .spotlight-video__card .btn--outline { border-color: #fff; color: #fff !important; font-size: .875rem; padding: .9rem 1rem; border-width: .063rem; min-width: 9.625rem } .growth-initiative .spotlight-video__card .btn--outline:hover { color: #000 !important } @media (max-width:991.98px) { .growth-initiative .spotlight-video.video-hidden-mobile img { filter: invert(1) } .growth-initiative .spotlight-video.video-hidden-mobile .spotlight-video__wrapper { display: none } .growth-initiative .spotlight-video.video-hidden-mobile h1, .growth-initiative .spotlight-video.video-hidden-mobile p { color: #000 } } @media (max-width:1199.98px) { .growth-initiative .spotlight-video { padding: 0; height: auto } } .growth-initiative .spotlight-video__list { display: flex; flex-direction: column; gap: 1rem } .growth-initiative .spotlight-video__list-item { max-width: 100%; display: flex; align-items: center; gap: .5rem; padding-right: 0 } .growth-initiative .spotlight-video__list-item h1, .growth-initiative .spotlight-video__list-item p { margin: 0 } .gt-header { box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .0196078431372549) } .gt-header#site_header { background: #072447 } .gt-header .navbar__brand-fixed>img { height: 2.25rem } .gt-header .menu-btn>img { width: 2rem } .gt-header .menu-btn .icon-close { font-size: 1.2rem; font-weight: 600; color: #fff } .gt-header .menu-btn .close { display: none } .gt-header .menu-btn.clicked .hamburger { display: none !important } .gt-header .menu-btn.clicked .close { display: block !important } .gt-header .btn { text-transform: uppercase; padding: .625rem 1.25rem; color: #fff !important } @media (min-width:768px) { .gt-header .btn { margin-left: 1.5rem } } .gt-header .btn.btn-outline-primary { border-color: #fff } .gt-header .btn.btn-primary { background: #fff; color: #072447 !important } @media only screen and (max-width:1280px) and (min-width:992px) { .gt-header .btn { padding: .5rem 1.25rem } } @media (min-width:768px) { [dir=rtl] .gt-header .btn { margin-right: 1.5rem; margin-left: 0 } } @media (max-width:991.98px) { .gt-header .navbar__content { justify-content: space-between } .gt-header .right-nav { position: fixed; width: 100%; height: calc(100% - 72px); left: 0; top: 72px; background-color: #fff; z-index: 999; flex-direction: column; align-items: flex-start !important; opacity: 0; visibility: hidden; transition: all .3s } .gt-header .right-nav.open { visibility: visible; opacity: 1 } .gt-header .right-nav .btn { background: transparent !important; color: #575757 !important; display: block; border: none !important; border-bottom: .063rem solid #333 !important; width: 100%; border-radius: 0; text-align: left; padding: 1.4rem 1.5rem; font-size: 1.125rem } .gt-header .right-nav .btn:last-of-type { border-bottom: none } } .gt-banner-with-img { background-color: #fff; padding-top: 2rem; padding-bottom: 2rem } @media (min-width:768px) { .gt-banner-with-img { padding-top: 4rem; padding-bottom: 4rem } } .gt-banner-with-img .content-wrapper { display: flex; justify-content: center; flex-direction: column; height: 100%; color: #fff; width: 100% } @media (min-width:768px) { .gt-banner-with-img .content-wrapper { max-width: calc(50% - 1rem) } } .gt-banner-with-img .content-wrapper .gt-title--lg { font-size: 1.5rem; color: #fff; text-align: left } @media (min-width:768px) { .gt-banner-with-img .content-wrapper .gt-title--lg { font-size: 48px } } .gt-banner-with-img .content-wrapper .gt-description { font-size: .875rem; color: #fff; text-align: left } @media (min-width:768px) { .gt-banner-with-img .content-wrapper .gt-description { font-size: 1rem } } .gt-banner-with-img .inner-wrapper { display: flex; align-items: center; flex-direction: column-reverse; gap: 2rem; background: linear-gradient(135deg, #395fc0, #081f5b); border-radius: 1.25rem; padding: 2rem 1.5rem } @media (min-width:576px) { .gt-banner-with-img .inner-wrapper { flex-direction: row } } @media (min-width:768px) { .gt-banner-with-img .inner-wrapper { padding: 4rem 5rem } } .gt-banner-with-img .img-wrapper { width: 100%; padding-left: 0; display: flex; align-items: center; justify-content: center } @media (min-width:576px) { .gt-banner-with-img .img-wrapper { max-width: calc(50% - 1rem); padding-left: 4rem } } .gt-banner-with-img .img-wrapper img { width: 100%; max-width: 15.625rem; margin: 0 auto } .gt-banner-with-img.style--v2 { background-color: #fff } .gt-banner-with-img.style--v2 .inner-wrapper { background: linear-gradient(135deg, #f9fafd, #ece9e9) } .gt-banner-with-img.style--v2 .inner-wrapper .content-wrapper .gt-title--lg { color: #072447; font-size: 1.5rem; font-weight: 400 } @media (min-width:768px) { .gt-banner-with-img.style--v2 .inner-wrapper .content-wrapper .gt-title--lg { font-size: 2rem } } .gt-banner-with-img.style--v2 .inner-wrapper .content-wrapper .gt-description { color: #072447; font-size: 1rem } @media (min-width:768px) { .gt-banner-with-img.style--v2 .inner-wrapper .content-wrapper .gt-description { font-size: 1.125rem } } .gt-banner-with-img.style--v2 .inner-wrapper .img-wrapper { padding-left: 0 } .gt-banner-with-img.style--v2 .inner-wrapper .img-wrapper img { max-width: 100% } .gt-two-col-content figure img { border-radius: .625rem } .gt-two-col-content__image { width: 100% } .gt-two-col-content__listing { background: #f4f7fe; padding: 1rem; display: flex; margin-bottom: 1rem; border-radius: .675rem } .gt-two-col-content__listing--icon { display: flex; justify-content: center; align-items: center; padding: .5rem; background-color: #fff; border-radius: .5rem; margin-right: 1rem } .gt-two-col-content__listing--text { color: #072447; font-size: 1rem; line-height: normal } .gt-two-col-content .tabs--pillsTabs .tab-item__link { font-weight: 400; padding: .575rem 2rem; border-radius: 1.5rem; border: .063rem solid #072447 } .gt-two-col-content .tabs--pillsTabs .tab-item__link.active { background-color: #072447 } @media (max-width:991.98px) { .gt-two-col-content .tabs--pillsTabs .tab-item__title { font-size: .875rem } .gt-two-col-content .tabs--pillsTabs .gt-title { margin-top: 1rem } } .gt-two-col-content.alt-v2 { background-color: #eef2f8 } .gt-two-col-content.alt-v2 .gt-two-col-content__listing { padding: 1.6rem 1.3rem; margin-bottom: 1.5rem; background-color: #fff; flex-direction: column; align-items: flex-start } .gt-two-col-content.alt-v2 .gt-two-col-content__listing:last-child { margin-bottom: 0 } .gt-two-col-content.alt-v2 .gt-two-col-content__listing--icon { font-size: 1rem; color: #072447; font-weight: 700; margin: 0 0 .3rem; padding: 0 } .gt-two-col-content.alt-v2 .gt-two-col-content__listing--text { font-size: 1.25rem } .gt-two-col-content.alt-v2 .gt-description { text-align: left; margin: 0 0 1.5rem } @media (min-width:768px) { .gt-two-col-content.alt-v2 .content { padding-left: 3rem } } @media (max-width:991.98px) { .gt-two-col-content.alt-v2 .gt-title { margin: 2rem 0 1rem } } @media only screen and (max-width:1280px) and (min-width:992px) { .gt-two-col-content.alt-v2 .gt-two-col-content__listing { padding: 1.5rem 1.3rem } .gt-two-col-content.alt-v2 .gt-two-col-content__listing--icon { font-size: .875rem } .gt-two-col-content.alt-v2 .gt-two-col-content__listing--text { font-size: 1rem } } .growth-initiative .timeline { background-color: #fff } .growth-initiative .timeline .img--main { margin-bottom: 2rem } .growth-initiative .timeline .gt-list-wrapper { max-width: 31rem } .growth-initiative .timeline .gt-title { color: #072447; font-weight: 400; margin-bottom: 2rem } .growth-initiative .timeline .gt-list-item { display: flex; justify-content: space-between; align-items: center; padding: 1rem; background-color: #eef2f8; margin-bottom: 1rem; border-radius: .5rem } .growth-initiative .timeline .gt-list-date { color: #072447; font-weight: 600; font-size: .75rem } .growth-initiative .timeline .gt-list-content { display: flex; align-items: center } .growth-initiative .timeline .gt-icon { margin-right: .5rem } .gt-floating-btn { position: fixed; bottom: .125rem; left: 0; right: 0; margin: 0 auto; z-index: 999; width: 95% } .growth-initiative .member-list { padding: 0 !important; margin: 0 } .growth-initiative .member-list li { list-style: none; font-size: 1rem; font-weight: 700; margin-bottom: 1.2rem !important } .growth-initiative .member-list li:last-child { margin-bottom: 0 } .growth-initiative .member-list li span { display: block; font-weight: 400 } .gi-useful-links { margin-top: 0; padding: 0 } .gi-useful-links .useful-links-wrapper .header-block { margin-bottom: 2rem } .gt-contactUs { text-align: center } @media (max-width:991.98px) { .gt-contactUs .gt-title { margin-bottom: 0 } .gt-contactUs .gt-title strong { display: block } .gt-contactUs .gt-title br { display: none } } .gt-contactUs .gt-title strong { font-weight: 700 } .gt-contactUs img { margin-bottom: 0 } .gt-contactUs .gt-contactUs__link { word-break: break-all } @media (max-width:991.98px) { .gt-contactUs__link { font-size: 1.125rem } } .growth-initiative .useful-links-box { background-color: #fff; border-radius: .5rem; padding: 1rem; margin-bottom: 1rem; position: relative } .growth-initiative .useful-links-box .content { display: flex; justify-content: space-between; align-items: center } .growth-initiative .useful-links-box .content h6 { color: #072447; font-size: 1rem; font-weight: 300; margin-bottom: 0 } .growth-initiative .useful-links-box .content span { font-size: 1rem; color: #072447 } .step-form--v4.account-onboarding .form-wrapper { padding: 0 } .step-form--v4.account-onboarding .form-wrapper>div>.row { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; background: url(https://www.emiratesnbd.com/-/media/enbd/images/cardstp/BackgroundPrimary) no-repeat; background-position: 50%; background-size: cover; overflow: hidden } .step-form--v4.account-onboarding .form-wrapper div.col-lg-7 { width: 100%; max-width: 21.6rem; background: #fff; background: url(https://www.emiratesnbd.com/-/media/enbd/images/cardstp/BackgroundPrimary-aside) no-repeat; background-size: cover; flex: 1; padding: 2rem; overflow: auto; height: 100vh } .step-form--v4.account-onboarding .form-wrapper div.col-lg-5 { width: 100%; height: 100vh; max-width: unset; flex: 1; padding: 0; overflow: auto } .step-form--v4 #lead-form-page { border-radius: 0; min-height: 100%; max-width: 560px; margin: 0 auto; background: none; padding-top: 3rem; padding-bottom: 3rem; overflow: unset } .step-form--v4.account-onboarding .form-wrapper .col-lg-5>section, .step-form--v4.account-onboarding .form-wrapper .col-lg-5>section>div { height: 100% } .step-form--v4.account-onboarding .form-wrapper .col-lg-7 .content-wrapper { padding: 0; margin: 5rem 0 2rem } .step-form--v4.account-onboarding .form-wrapper .col-lg-7 .text-white, .step-form--v4.account-onboarding .form-wrapper a { color: #072447 !important; font-weight: 400 } .step-form--v4.account-onboarding .content-wrapper h1 { font-size: 1.5rem } .step-form--v4.account-onboarding .content-wrapper p { font-size: 1rem } .step-form--v4 .form-title { font-size: 1.5rem !important; margin-bottom: 2.5rem !important; font-weight: 500 !important } .step-form--v4 .text-area-label { background: transparent; color: #575757 !important } .step-form--v4 .campaign-form--v1 .form-group textarea { min-height: 100px; background: #fff; padding-top: 1rem } .step-form--v4 .form-group-select .selectize-float-label { color: #575757 } .step-form--v4 .upload-form-group { background: #fff } .step-form--v4.account-onboarding.dtc-landing .form-step .btn-secondary { background: var(--ui-buttons-button, linear-gradient(90deg, #395fc0, #081f5b)); color: #fff !important; text-transform: uppercase; font-size: 1rem; width: auto; max-width: 300px } .step-form--v4.account-onboarding.dtc-landing .btn:after { display: none } .step-form--v4.account-onboarding.dtc-landing .previous { height: 3.5rem; padding-left: 0 !important; width: 100px; text-transform: uppercase } .step-form--v4 #lead-form-page .form-step>.row>.col-12 { display: flex; justify-content: space-between; padding-top: 2rem; flex-direction: row-reverse } .step-form--v4.account-onboarding .content-wrapper>span { margin-bottom: 1rem; display: block } .step-form--v4 .site-header--request.site-header--sm .navbar__content { padding-top: 2rem; padding-left: 1rem } .step-form--v4.account-onboarding .form-container { background: none; max-width: 560px; margin: 0 auto } .step-form--v4 .modal.show .modal-dialog { max-width: 560px } .step-form--v4 #errorModal .modal-body { padding-left: 2rem !important; padding-right: 2rem !important; text-align: center } .step-form--v4 #errorModal .modal-body:before { display: none } .step-form--v4 .modal-footer .btn { text-transform: uppercase; font-size: 1rem; background: none } .step-form--v4 .modal-footer>span { display: none } .step-form--v4 .modal-footer { display: flex; justify-content: center !important } .step-form--v4 .campaign-form--v1 .form-group { margin-bottom: 1.5rem } .step-form--v4 .lang-menu { display: none } .step-form--v4.account-onboarding label { color: #575757 } .selectize-control.select-selectize--search .selectize-input .step-form--v4.account-onboarding input, .selectize-control .step-form--v4.account-onboarding .selectize-input, .step-form--v4.account-onboarding .form-control, .step-form--v4.account-onboarding .selectize-control.select-selectize--search .selectize-input input, .step-form--v4.account-onboarding .selectize-control .selectize-input { height: 3.5rem } .step-form--v4 #lead-form-success { height: 100vh } .step-form--v4 #lead-form-success .icomoon { font-size: 5rem } .step-form--v4 .upload-documents-side, .step-form--v4 .upload-form-group__caption { padding: 0 } .step-form--v4 .upload-form-group__caption .h6 { margin: 0 0 .5rem; font-size: 1rem !important; color: #575757; font-weight: 400 } .step-form--v4 .upload-documents__drag-drop label { font-size: 12px } .step-form--v4 .upload-documents__buttons { padding: 0 !important } .step-form--v4 .upload-documents__buttons a label { font-size: 12px !important } .step-form--v4 .error.form-group>label { font-size: 1rem; color: #575757 } .step-form--v4 .preview-file { display: none } .step-form--v4 .upload-documents__added--buttons-complete { padding: 0 !important } .step-form--v4 a.btn-back.campaign-form-previous, .step-form--v4.account-onboarding .input-group--currency .input-group-prepend { display: none } .step-form--v4 .campaign-form--v1 .form-group { margin-bottom: 2rem } @media (min-width:1440px) { .step-form--v4 #lead-form-page { max-width: 768px; width: 100% } } @media screen and (max-width:767px) { .step-form--v4 #site_header .navbar { position: relative; background-color: #fff } .step-form--v4 .navbar__brand-fixed { margin: 0 } .step-form--v4 .site-header--request.site-header--sm .navbar__content { padding-top: 1rem; padding-left: 0; display: flex; justify-content: center } .step-form--v4.account-onboarding .form-wrapper div.col-lg-7 { display: none !important } .step-form--v4.account-onboarding #lead-form-page { padding-top: 6.5rem } } .step-form--v4 .modal-footer .btn { background: none !important; border: none } .step-form--v4 .uwy { display: none !important } .step-form--v4 .form-step { display: flex; flex-direction: column; height: calc(100vh - 160px) } .step-form--v4 .form-step>.row { margin-top: auto } .step-form--v4 .selectize-float-label { white-space: nowrap; overflow: hidden; width: 85%; text-overflow: ellipsis } .step-form--v4 .select2-results__option--disabled { display: none } .step-form--v4 .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field { background-color: transparent } .step-form--v4 .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { border-radius: .5rem; padding: .2rem .35rem .2rem .75rem; border: 1px solid #f9fbfd; background: #ecf1f7; display: flex; flex-direction: row-reverse; margin-top: 7px } .step-form--v4 .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { background: #eaf0f6; color: #06347a } .step-form--v4 .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display { color: #06347a } .step-form--v4 .select2-selection--multiple .select2-selection__rendered:after { content: ""; display: block; clear: both } .step-form--v4 .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field, .step-form--v4 .select-selectize--white .select2-container--bootstrap4 .select2-selection { height: auto !important; min-height: unset !important } .step-form--v4 .select2-container--bootstrap4 .select2-selection--multiple { padding: 1.5rem .75rem .6rem } .step-form--v4 .success-listing-v4 { background: #f4f7fe; padding: 2rem; margin-top: 2.5rem } .step-form--v4 .success-listing-v4 p { text-align: left } .step-form--v4 .success-listing-v4 ul { list-style: none; text-align: left; padding: 0; margin: 0 } .step-form--v4 .success-listing-v4 ul li { font-size: 14px; line-height: 18px; color: #575757; margin-bottom: 1rem; display: flex; align-items: center } .step-form--v4 .success-listing-v4 ul li:last-of-type { margin-bottom: 0 } .step-form--v4 .success-listing-v4 ul li svg { margin-right: .75rem; min-width: 14px } @media (min-width:1440px) { .step-form--v4 #lead-form-page { width: 700px } } .step-form--v4 .form-group>h5 { color: #575757 } .step-form--v4 .form-title { font-weight: 600 !important; font-size: 1.7rem !important } .step-form--v4 .form-group>label { color: #000 !important; font-size: 18px } .step-form--v4 .form-group h5 { color: #000 !important; font-size: 18px !important } .selectize-control.select-selectize--search .selectize-input .step-form--v4 input:focus, .selectize-control .step-form--v4 .selectize-input:focus, .step-form--v4 .form-control:focus, .step-form--v4 .selectize-control.select-selectize--search .selectize-input input:focus, .step-form--v4 .selectize-control .selectize-input:focus { border: 1px solid #575757 } .step-form--v4 .form-group.error .error-picture { display: none !important } .step-form--v4 .campaign-form--v1 .form-group.mb-45 { margin-bottom: 2rem !important } .step-form--v4 .input-group.input-group--phone.bg-white { border: 1px solid #d7dae5; height: 48px } .step-form--v4 .input-group.input-group--phone.bg-white input { border: none; margin: 0; height: 46px } .step-form--v4 .select2-has-value.selected-success .selectize-float-label { display: none } .step-form--v4 .select2-has-value.selected-success .select2-selection__rendered { top: -4px; position: relative; transform: none } .step-form--v4 .input-group--phone .selectize-control { height: 48px } .step-form--v4 .input-group--phone .selectize-control .selectize-input { height: 46px; margin-top: 0; margin-left: 0 } .step-form--v4 .lead-step-form .select2-container--bootstrap4 .select2-selection { height: 48px !important } .step-form--v4 .form-group-select .selectize-float-label { top: 1rem } .step-form--v4 .lead-step-form.error { margin-top: 0 } .step-form--v4 .lead-step-form .form-group h5 { margin-bottom: .5rem !important } .step-form--v4 .select2-has-value.selected-success .select2-selection__rendered { top: -3px } .step-form--v4 .custom-checkbox>span:not(.error), .step-form--v4 .custom-radio>span:not(.error) { color: #575757; font-size: .875rem } .step-form--v4 .form-group.form-checkbox-list { margin: 0 0 1.25rem !important } .step-form--v4 .lead-step-form .form-group>label:empty { display: none } [dir=rtl] .step-form--v4 .selectize-control.select-phone-code .selectize-input { padding: .75rem 2.5rem .75rem 1rem; margin: 0 } [dir=rtl] .step-form--v4~.modal.modal-button .close { left: 1rem; right: auto } [dir=rtl] .step-form--v4 .input-group.input-group--phone.bg-white input { direction: ltr } [dir=rtl] .step-form--v4 .form-group .js-multiSelect .selectize-input>div>.remove { padding: 2px 0 0 } .rejection-list { border: 1px solid #d7dae5; padding: 1rem; border-radius: 10px; font-size: 1rem; text-align: left } .rejection-list ul li { color: #575757; margin-bottom: 1rem } .rejection-list ul li:last-child { margin-bottom: 0 } .step-form-v6 .form-step { height: auto; padding: 2.5rem 0 } @media (max-width:991.98px) { .step-form-v6 .form-step { display: block } } .step-form-v6 h3 { font-size: 32px; margin-bottom: 2rem; font-weight: 400 } @media (max-width:991.98px) { .step-form-v6 h3 { font-size: 24px } } .step-form-v6 p { font-size: 16px } .step-form-v6 .btn { text-transform: uppercase; max-width: 100%; margin: 1rem 0 0 } .step-form-v6 .btn-primary { background: linear-gradient(91.36deg, #395fc0, #081f5b 100%, #081f5b 0) } .step-form-v6.no-image .card-banner__picture { display: none } .selectize-control.select-selectize--search .selectize-input .step-form-v6 input, .selectize-control .step-form-v6 .selectize-input, .step-form-v6 .form-control, .step-form-v6 .selectize-control.select-selectize--search .selectize-input input, .step-form-v6 .selectize-control .selectize-input { background-color: #fff } .step-form-v6 .authenticate-step .custom-checkbox { margin: 1.5rem 0 0 } .step-form-v6 .content-block--title { color: #000 } .selectize-control .step-form-v6 textarea.selectize-input, .step-form-v6 .selectize-control textarea.selectize-input, .step-form-v6 textarea.form-control { border-radius: .5rem; border: 1px solid #d7dae5; resize: none; min-height: 100px } .step-form-v6 .alert { padding: .75rem .75rem .75rem 3rem; border-radius: 8px; line-height: 20px } .step-form-v6 .alert [class^=icon-] { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%) } .step-form-v6 .lead-step-form .form-group>label { font-size: 1rem !important } .step-form-v6 .custom-radio--switch-varient .custom-radio input+span { padding: 0; display: flex; align-items: center; justify-content: center; width: 42px !important; height: 42px; background-color: #edf2ff; color: #000 } .step-form-v6 .custom-radio--switch-varient .custom-radio input:checked+span { background-color: #072447; color: #fff } .step-form-v6 .custom-radio--switch-varient .custom-radio input+span:before { display: none } .step-form-v6 .thankyou-step { text-align: center } .step-form-v6 .thankyou-step h3 { margin: 1rem 0 } .step-form-v6 .thankyou-step img { max-width: 100px; margin: 0 auto } .step-form-v6 .otp-step h3 { margin: 1rem 0 } @media (max-width:991.98px) { .step-form-v6 { background-color: #eef2f8; padding: 1rem 0 } .step-form-v6 h3 br, .step-form-v6 p br { display: none } .step-form-v6 .custom-radio--switch-varient .d-flex.flex-row { flex-wrap: nowrap; overflow: auto; padding-bottom: .5rem; touch-action: pan-x; -ms-touch-action: pan-x; -webkit-overflow-scrolling: touch } .step-form-v6 .custom-radio--switch-varient .d-flex.flex-row::-webkit-scrollbar { height: 2px } .step-form-v6 .custom-radio--switch-varient .d-flex.flex-row::-webkit-scrollbar-track { background: #edf2ff; border-radius: 10px } .step-form-v6 .custom-radio--switch-varient .d-flex.flex-row::-webkit-scrollbar-thumb { background: #a3accb; border-radius: 10px } .step-form-v6 .custom-radio--switch-varient .d-flex.flex-row::-webkit-scrollbar-thumb:hover { background: #a3accb } .step-form-v6 .alert [class^=icon-] { top: 1rem; transform: translate(0) } .survey-form-wrap { width: 95%; border-radius: 12px } } .offset-calculator { background-color: #fff } .offset-calculator.blue-theme .offset-calculator--result { color: #fff; background: linear-gradient(135deg, #395fc0, #081f5b); padding: 2.5rem } @media (max-width:991.98px) { .offset-calculator.blue-theme .offset-calculator--result { padding: 2rem } } .offset-calculator.blue-theme .offset-calculator--result .box { padding: 0; color: #fff !important; background-color: transparent; border-radius: 0 } .offset-calculator.blue-theme .offset-calculator--result .box label { font-weight: 300 } .offset-calculator.blue-theme .offset-calculator--result .box-tradional { border-left: 1px solid #5d6da3; padding-left: 2rem } @media (max-width:767.98px) { .offset-calculator.blue-theme .offset-calculator--result .box-tradional { border-top: 1px solid #5d6da3; border-left: none; padding-left: 0; padding-top: 1.3rem } } .offset-calculator.blue-theme .offset-calculator--sliders label { font-weight: 600 } .offset-calculator .head-content { margin-bottom: 6rem } @media (max-width:767.98px) { .offset-calculator .head-content { margin-bottom: 3rem; text-align: left !important } } .offset-calculator .custom-range-slider .irs-line { background-color: #d7dae5 } .offset-calculator .form-group { margin: 0 } .offset-calculator .form-group .prefix { height: 60%; background-color: #f4f7fe; border-right: 1px solid #d7dae5; border-radius: 0; top: 50%; transform: translateY(-50%) } .offset-calculator .form-group .form-control, .offset-calculator .form-group .selectize-control.select-selectize--search .selectize-input input, .offset-calculator .form-group .selectize-control .selectize-input, .selectize-control .offset-calculator .form-group .selectize-input, .selectize-control.select-selectize--search .selectize-input .offset-calculator .form-group input { border-radius: 8px; overflow: hidden; background-color: #f4f7fe; padding: 1rem 2rem } .offset-calculator .optional-text { color: #575757; font-size: 12px; margin: .5rem 0 0; display: block } .offset-calculator--sliders label { margin: .5rem 0 0; font-size: 14px; font-weight: 600 } .offset-calculator--sliders .slider-row { margin-bottom: 4rem } .offset-calculator--sliders .slider-row .form-group { margin-top: 0 } @media (max-width:991.98px) { .offset-calculator--sliders .slider-row { margin-bottom: 2rem } } .offset-calculator--result { border: 1px solid #d7dae5; border-radius: 8px; padding: 1.5rem; color: #072447 } .offset-calculator--result label { margin: 0 } .offset-calculator--result .title { font-size: 40px; margin: .5rem 0 } .offset-calculator--result .title--sm { margin: .5rem 0; font-size: 24px } @media (min-width:768px) and (max-width:1199.98px) { .offset-calculator--result .title--sm { font-size: 20px } } .offset-calculator--result .description { font-size: 18px; margin: 0 } .offset-calculator--result .description strong { font-weight: 700 } .offset-calculator--interest { margin: 2rem 0 0 } .offset-calculator--interest>label { margin: 0 0 .6rem } .offset-calculator--interest .box { background-color: #edf2ff; border-radius: 8px; padding: 1rem 1.5rem } @media (min-width:768px) and (max-width:1199.98px) { .offset-calculator--interest .box { margin-bottom: .5rem } } .offset-calculator--interest .box .title { margin: 0 } .offset-calculator--interest .box-tradional { background-color: #f4f7fe; color: #575757 } @media (max-width:767.98px) { .offset-calculator--interest .box-tradional { margin-top: 1.5rem } } .offset-calculator--rte { font-size: 1rem; border-top: 1px solid #d7dae5; padding: 3rem 0 0 } .offset-calculator--rte strong { display: block } .offset-calculator--rte ol, .offset-calculator--rte ul { padding: 0; margin: 0 } .offset-calculator--rte ol li, .offset-calculator--rte ul li { margin: .5rem 0 } .offset-calculator--rte ol.no-bullet li, .offset-calculator--rte ul.no-bullet li { list-style: none } .offset-calculator--rte ol { padding: 0 0 0 1rem } .offset-calculator--rte ol li { list-style: lower-alpha } @media (max-width:991.98px) { .offset-calculator--rte { margin: 1.5rem 0 } } .offset-calculator--comparison>label { color: #072447 } @media (max-width:991.98px) { .offset-calculator--comparison { margin: 1.5rem 0 } } .offset-calculator .table-responsive { border: 1px solid #072447; border-radius: 8px; height: 22.5rem; scrollbar-width: thin; scroll-behavior: smooth } .offset-calculator table thead { background-color: #072447; position: sticky; top: 0 } .offset-calculator table thead th { color: #fff; font-size: 12px } .offset-calculator table tbody td { font-size: 14px; border-right: 1px solid #d7dae5 } .offset-calculator table tbody td:last-of-type { border-right: none } .offset-calculator table tbody tr:nth-child(2n) { background-color: #f4f7fe } .offset-calculator table td, .offset-calculator table th { padding: 1rem } @media only screen and (max-width:1199px) and (min-width:1023px) { .offset-calculator--result .box { padding: 1rem } } html[dir=rtl] .custom-range-slider, html[dir=rtl] .custom-range-slider~.d-flex { direction: rtl } @media (min-width:768px) and (max-width:991.98px) { .ccbenefits { padding: 2rem 1rem } .ccbenefits--right-col .picture-overlay:after { background-image: var(--overlay-bg, linear-gradient(90deg, rgba(25, 25, 25, .85), rgba(25, 25, 25, 0) 100%)) } } .video-component { min-height: 450px; display: flex; align-items: center } @media (max-width:991.98px) { .video-component { padding: 0 } } .video-component>.container { position: relative } .video-component__image img { width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: .5rem; overflow: hidden; left: 0; top: 0; right: 0; bottom: 0 } @media (max-width:991.98px) { .video-component__image img { border-radius: 0 } } .video-component--overlay .video-component__image:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .6); border-radius: .5rem } @media (max-width:991.98px) { .video-component--overlay .video-component__image:after { border-radius: 0 } } .video-component__content { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; width: 100%; max-width: 500px; min-height: 450px; margin: 0 auto } @media (max-width:991.98px) { .video-component__content { padding-left: 1rem; padding-right: 1rem } } .video-component__content .play-button { background-color: #fff; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 1rem; transition: all .3s } .video-component__content .play-button img { max-width: 14px } .video-component__title { color: #fff; font-size: 2rem; font-weight: 600; line-height: 2.75rem } .video-component__desc { color: #fff; font-size: .875rem; font-weight: 400 } .video-component .stretched-link:after { width: 100%; left: 1rem } @media (max-width:991.98px) { .video-component .stretched-link:after { left: 0 } } .video-component .stretched-link:hover~.video-component__content .play-button { transform: scale(1.2) } .video-component--full-width { position: relative; overflow: hidden; min-height: 80vh; padding: 0 } .video-component--full-width .container { position: static; max-width: 100%; padding: 0 } @media (max-width:991.98px) { .video-component--full-width { min-height: 450px } } .video-component--full-width .video-component__image, .video-component--full-width .video-component__image:after, .video-component--full-width .video-component__image img { border-radius: 0 } .video-component--full-width .video-component__content { max-width: 700px } .video-component--full-width .video-component__content .video-component__title { font-size: 3rem; line-height: 4rem } @media (max-width:991.98px) { .video-component--full-width .video-component__content .video-component__title { font-size: 2rem; line-height: 3rem } } .video-component--full-width .video-component__content .video-component__desc { font-size: 1rem; max-width: 420px } @media (max-width:991.98px) { .video-component--full-width .video-component__content .video-component__desc { font-size: .875rem; line-height: normal } } .video-component--full-width .video-component__content .play-button { margin-top: 2rem; width: 64px; height: 64px } .video-component--full-width .video-component__content .play-button img { max-width: 20px } @media (max-width:991.98px) { .video-component--full-width .video-component__content .play-button { margin-top: 1rem; width: 48px; height: 48px } .video-component--full-width .video-component__content .play-button img { max-width: 14px } } .video-component--full-width .stretched-link:hover~.container .video-component__content .play-button { transform: scale(1.2) } .video-component-modal .modal-header { padding: 0 } .video-component-modal .modal-header .close { font-size: 2rem } .video-component-modal .modal-content { border: 0 solid #fff; min-height: unset; justify-content: center; margin: 0 15px } .video-component-modal .modal-header .close { color: #fff } .video-component-modal .modal-content { background: transparent } .video-component-modal iframe { width: 100%; border: 0; border-radius: .675rem; overflow: hidden; resize: none } @media (max-width:767.98px) { .video-component-modal iframe { max-height: 250px } } .liability__box { background-color: #fff; padding: 2rem; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .02); backdrop-filter: blur(10px); border-radius: 1rem } .liability__box--intro { display: flex; align-items: center; flex-direction: column; margin-bottom: 2rem } .liability__title { color: #000; font-size: 1.5rem; line-height: 2rem; font-weight: 500 } .liability__desc, .liability__desc p { color: #575757; font-size: 1rem } .liability__sub-title { color: #000; font-size: .875rem; font-weight: 300; text-transform: uppercase } .liability__support-link { color: #575757; display: block; margin-top: 2rem; font-size: 1rem; text-align: center } .content-list-group { background-color: #fafbff; border-radius: .5rem; overflow: hidden } .content-list-group--row { display: flex; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #d7dae5 } .content-list-group--row:last-child { border: 0 } .content-list-group--row .item { font-size: 12px } .content-list-group--row .label-text { color: #575757 } .content-list-group--row .label-val { color: #000 } .floating-chat__button img { filter: brightness(0) invert(1) } .banner-slider__nav i.icomoon, .card--deal__discount, .card-deal__discount, .card-deal__time, .site-header .topbar__right .icon-lock-outline:before { color: #fff } .topbar a:hover { color: #072447 } .menu-for-mobile .parent.active>a, a.topbar__item:hover { color: #fff } #lang-modal .modal-content .btn[data-ctacategory=Navigation] { font-family: Tajawal } .ccbenefits .ccbenefits__body .ccbenefits__body-btns a:not(.text-white), .typo--primary .ccbenefits .ccbenefits__body .ccbenefits__body-btns a, .typo--primary.heading-block>.container div>p.jumbotron__title.text-center { color: #fff !important } .btn--secondary, .btn-primary, .btn-secondary { color: #fff !important } .btn--secondary, .btn--secondary:hover, .btn-primary, .btn-primary:hover, .btn-secondary, .btn-secondary:hover { background-color: #072447 !important; border-color: #072447 !important } .btn--secondary:hover, .btn-primary:hover, .btn-secondary:hover { color: #fff !important } .topbar-nav .topbar-nav__menu li>a { display: inline-block; text-transform: lowercase } .topbar-nav .topbar-nav__menu li>a:first-letter { text-transform: capitalize } html body:not(.pb-theme) h1[class*=__title], html body:not(.pb-theme) h2[class*=__title], html body:not(.pb-theme) h3[class*=__title], html body:not(.pb-theme) h4[class*=__title], html body:not(.pb-theme) h5[class*=__title], html body:not(.pb-theme) h6[class*=__title] { font-weight: 600 !important } html body:not(.pb-theme) h1.card-banner__title, html body:not(.pb-theme) h1.fw-300, html body:not(.pb-theme) h1.fw-sm-300, html body:not(.pb-theme) h2.card-banner__title, html body:not(.pb-theme) h2.fw-300, html body:not(.pb-theme) h2.fw-sm-300, html body:not(.pb-theme) h3.card-banner__title, html body:not(.pb-theme) h3.fw-300, html body:not(.pb-theme) h3.fw-sm-300, html body:not(.pb-theme) h4.card-banner__title, html body:not(.pb-theme) h4.fw-300, html body:not(.pb-theme) h4.fw-sm-300, html body:not(.pb-theme) h5.card-banner__title, html body:not(.pb-theme) h5.fw-300, html body:not(.pb-theme) h5.fw-sm-300, html body:not(.pb-theme) h6.card-banner__title, html body:not(.pb-theme) h6.fw-300, html body:not(.pb-theme) h6.fw-sm-300 { font-weight: 300 !important } html:not([dir=rtl]) body:not(.pb-theme) h1, html:not([dir=rtl]) body:not(.pb-theme) h2, html:not([dir=rtl]) body:not(.pb-theme) h3, html:not([dir=rtl]) body:not(.pb-theme) h4, html:not([dir=rtl]) body:not(.pb-theme) h5, html:not([dir=rtl]) body:not(.pb-theme) h6 { font-family: UAEDirham, Plus Jakarta Sans, sans-serif !important } .left--shadow--white .ccbenefits .ccbenefits__body .ccbenefits__body-btns a:not(.btn--secondary), .right--shadow--white .ccbenefits .ccbenefits__body .ccbenefits__body-btns a:not(.btn--secondary) { color: #072447 !important } .h-500 { height: 500px } @media only screen and (max-width:768px) { .h-500 { height: 100% } } body:has(.chatbot-widget) .chatbot-container { background: linear-gradient(180deg, #e2eaf0, #ecf1f8 47.8%, #e2eaef); height: 100vh; width: 100%; max-width: 48rem; position: absolute; bottom: 0; right: 0; font-size: 1rem; overflow: hidden } body:has(.chatbot-widget) .chatbot-container a, body:has(.chatbot-widget) .chatbot-container a:hover { color: #000; text-decoration: none } body:has(.chatbot-widget) .chatbot-display-center { display: flex; align-items: center } body:has(.chatbot-widget) .chatbot-header { background: linear-gradient(180deg, #e2eaf0, #ecf1f8 47.8%, #e2eaef); padding: 1rem 2rem; justify-content: space-between } body:has(.chatbot-widget) .chatbot-close-icon { padding: .5rem; display: flex } body:has(.chatbot-widget) .chatbot-body { height: calc(100vh - 195px); display: block; padding: 1rem 2rem; overflow-y: auto; scrollbar-width: thin } body:has(.chatbot-widget) .chatbot-footer { padding: 1rem 2rem; justify-content: space-between } body:has(.chatbot-widget) .chatbot-footer-holder { position: relative; width: 100% } body:has(.chatbot-widget) .chatbot-footer form { display: contents } body:has(.chatbot-widget) .chatbot-footer form button { border: 0; background: transparent; cursor: pointer } body:has(.chatbot-widget) .chatbot-footer input { box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .0196078431372549); backdrop-filter: blur(10px); border-radius: .813rem; border: 0; width: 100%; font-size: 1rem; color: #000; padding: 1.375rem 3.2rem 1.375rem 1.375rem } body:has(.chatbot-widget) .chatbot-footer input::placeholder { color: #9f9f9f } body:has(.chatbot-widget) .chatbot-button-holder { position: absolute; right: 0; padding: 1.36rem 1rem; display: flex; border-radius: .813rem } body:has(.chatbot-widget) .chatbot-profile-holder { min-height: 100%; display: flex; flex-direction: column; justify-content: end } body:has(.chatbot-widget) .chatbot-entry { display: flex; flex-direction: column; justify-content: center; text-align: center } body:has(.chatbot-widget) .chatbot-search-icon { background: #fff; display: flex; align-items: center; justify-content: center; padding: 1rem 0; margin: 0 auto; border-radius: .5rem; max-width: 5rem } body:has(.chatbot-widget) .chatbot-entry .chatbot-entry-fetured h1 { color: #001f47; font-size: 2rem; margin: 1rem 0 0; padding: 0 } body:has(.chatbot-widget) .chatbot-entry .chatbot-entry-fetured p { color: #001f47; margin: 1rem 0 2rem; padding: 0; color: #575757 } body:has(.chatbot-widget) .chatbot-entry-cards-holder { display: flex; align-items: flex-start; justify-content: center; flex: 1 1 auto } body:has(.chatbot-widget) .chatbot-entry-card-holder { background: #fff; display: flex; flex-direction: column; border-radius: .5rem; padding: 1rem; text-align: left; min-height: 7.875rem; position: relative } body:has(.chatbot-widget) .chatbot-entry-card-icon { background: #f4f7fe; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; border-radius: .5rem } body:has(.chatbot-widget) .chatbot-entry-card-holder p { font-size: .875rem } body:has(.chatbot-widget) .chatbot-profile-holder .chatbot-profile-wrapper { display: flex; gap: .5rem; margin-bottom: 1.5rem } body:has(.chatbot-widget) .chatbot-profile-holder .chatbot-profile-wrapper:last-child { margin-bottom: 0 } body:has(.chatbot-widget) .chatbot-profile-holder .chatbot-profile-picture span { display: flex; background: #fff; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50% } body:has(.chatbot-widget) .chatbot-profile-holder .chatbot-profile-admin .chatbot-profile-picture span { background: linear-gradient(135deg, #395fc0, #081f5b) } body:has(.chatbot-widget) .chatbot-profile-holder .chatbot-profile-title { font-weight: 700 } body:has(.chatbot-widget) .chatbot-profile-holder .chatbot-profile-content p { line-height: 1.5rem; font-size: 1rem; padding: .5rem 0; margin: 0 } body:has(.chatbot-widget) .chatbot-profile-holder .chatbot-profile-user { margin-left: 2rem } body:has(.chatbot-widget) .chatbot-profile-holder .chatbot-profile-user p { color: #575757 } body:has(.chatbot-widget) .chatbot-chat-holder { z-index: 9999; background-color: transparent; cursor: pointer; position: fixed; bottom: 1.5rem; right: 1.5rem; width: 3.75rem } body:has(.chatbot-widget) .chatbot-chat-icon { -webkit-animation: MoveUpDown 3s linear infinite; animation: MoveUpDown 3s linear infinite; position: absolute; width: 100% } @keyframes MoveUpDown { 0%, to { bottom: 0 } 50% { bottom: 1.25rem } } body:has(.chatbot-widget) .stretched-link:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0 } body:has(.chatbot-widget) .chatbot-widget { border: none; position: fixed; bottom: 2rem; right: 1rem; width: 50%; z-index: 2147483649; border-radius: 1rem } @media (max-width:768px) { body:has(.chatbot-widget) .chatbot-widget { width: 100% !important; right: 0 !important; bottom: 0 !important; border-radius: unset !important } } body:has(.chatbot-widget) .chatbot-tooltip { position: absolute; display: inline-block; background: linear-gradient(180deg, #e2eaf0, #ecf1f8 47.8%, #e2eaef); color: #072447; padding: 0 .938rem; border-radius: .5rem; bottom: 6.25rem; right: 0; width: 15.625rem; min-height: 5.625rem; display: flex; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease } body:has(.chatbot-widget) .chatbot-tooltip:after { content: ""; position: absolute; top: 93%; right: .938rem; width: 1.25rem; height: 1.25rem } body:has(.chatbot-widget) .chatbot-tooltip a { display: flex; align-items: center; gap: .875rem; text-decoration: none; color: #072447 } body:has(.chatbot-widget) .chatbot-tooltip-close-btn { position: absolute; right: .938rem; top: .625rem; width: .938rem; height: .938rem; display: flex; align-items: center; justify-content: center } body:has(.chatbot-widget) .chatbot-chat-holder:hover .chatbot-tooltip { opacity: 1; visibility: visible } body:has(.chatbot-widget) .chatbot-tooltip-text { display: flex; align-items: center; gap: .625rem } body:has(.chatbot-widget) .chatbot-tooltip.chatbot-tooltip-hide { opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease } body:has(.chatbot-widget) .chatbot-vote-widget { justify-content: space-between; margin-left: 2.5rem; margin-bottom: 1.5rem } body:has(.chatbot-widget) .chatbot-vote-widget .chatbot-likedislike { display: flex; gap: 1.5rem } body:has(.chatbot-widget) .chatbot-vote-widget .chatbot-clearchat { font-size: .75rem; color: #575757 } body:has(.chatbot-widget) .chatbot-tags-widget { margin-left: 2.5rem; gap: .875rem } body:has(.chatbot-widget) .chatbot-tags-widget a { background: #f4f7fe; border: 1px solid #d7dae5; padding: .313rem .938rem; color: #575757; font-size: .75rem; border-radius: .5rem } @media (max-width:576px) { body:has(.chatbot-widget) .chatbot-body { padding: 1rem } body:has(.chatbot-widget) .chatbot-header { padding: 1rem } body:has(.chatbot-widget) .chatbot-footer { padding: 1rem } body:has(.chatbot-widget) .chatbot-entry-cards { grid-template-columns: repeat(2, 1fr) } body:has(.chatbot-widget) .chatbot-chat-holder:hover .chatbot-tooltip, body:has(.chatbot-widget) .chatbot-tooltip, body:has(.chatbot-widget) .chatbot-tooltip.chatbot-tooltip-hide { display: none; opacity: 0; visibility: hidden } } body:has(.chatbot-widget) .chatbot-entry-cards { display: flex; column-gap: 1rem } body:has(.chatbot-widget) .chatbot-entry-cards form { display: flex; width: 100%; column-gap: 1rem } body:has(.chatbot-widget) .chatbot-entry-cards form button { background-color: transparent; border: 0; text-align: left } body:has(.chatbot-widget) .chatbot-entry-card-holder { flex-grow: 1; flex-basis: 22% } @media only screen and (max-width:768px) { body:has(.chatbot-widget) .chatbot-entry-cards form { flex-wrap: wrap; gap: 1rem } body:has(.chatbot-widget) .chatbot-entry-card-holder { flex-grow: 1; flex-basis: 35% } } body:has(.chatbot-widget) .chatbot-close-icon { position: fixed; right: 2.25rem; bottom: calc(2rem + 450px); z-index: 2147483648 } @media (max-width:768px) { body:has(.chatbot-widget) .chatbot-close-icon { bottom: calc(100% - 3.5rem); right: 1.5rem } } .toaster-popup { width: clamp(300px, 50%, 325px); position: fixed; right: 2rem; bottom: 2rem; z-index: 9999; border-radius: 8px; background-color: #fff; overflow: hidden; box-shadow: 0 12px 20px 0 rgba(0, 0, 0, .25); animation: fade-in .8s ease-in } @media (min-width:993px) { .toaster-popup.align-top-right { bottom: auto; top: 2rem } .toaster-popup.align-top-left { right: auto; left: 2rem; bottom: auto; top: 2rem } .toaster-popup.align-top-center { right: 0; left: 0; bottom: auto; top: 2rem; margin: auto } .toaster-popup.align-bottom-left { bottom: 2rem; left: 2rem; right: auto } .toaster-popup.align-bottom-center { bottom: 2rem; left: 0; right: 0; top: auto; margin: auto } .toaster-popup.align-left-middle { left: 2rem; top: 50%; transform: translateY(-50%); bottom: auto } .toaster-popup.align-right-middle { right: 2rem; left: auto; top: 50%; transform: translateY(-50%); bottom: auto } .toaster-popup.align-center-middle { right: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto } } .toaster-popup--close { background-color: #9d999b; width: 32px; height: 32px; position: absolute; right: 1rem; top: 1rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; z-index: 9 } .toaster-popup--close i { font-size: .75rem } .toaster-popup--image { max-height: 170px; overflow: hidden } .toaster-popup--image img { max-width: 100% } .toaster-popup--content { padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; position: relative; background-color: #fff } .toaster-popup--content h3 { font-size: 1rem } .toaster-popup--content p { font-size: 12px } .toaster-popup--actions { padding: 0 1.5rem 1.5rem; display: flex; justify-content: space-between; gap: 1rem; position: relative; background-color: #fff } .toaster-popup--actions .btn { flex: 1; justify-content: center; font-size: 14px } @media (max-width:992px) { .toaster-popup { bottom: auto; top: 50%; left: 50%; transform: translate(-50%, -50%) } .toaster-popup--image { max-height: 230px } } @keyframes fade-in { 0% { opacity: 0 } 50% { opacity: .5 } to { opacity: 1 } } body { font-family: var(--font-base) } body.asset-management { font-family: var(--font-ibm-plex) } .kyc-remediation .progress-container { margin: 1.5rem 0 2rem } .kyc-remediation .progress-container .progress { height: .313rem; background: #e0e3eb; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06) inset, 0 1px 2px 0 #fff } .kyc-remediation .progress-container .steps-count { font-size: .75rem; color: #575757; margin: 0 0 1rem } .kyc-remediation .securities-steps .collapse-wrapper { background: none } .kyc-remediation .securities-steps .collapse__toggle, .kyc-remediation .securities-steps .collapse__content--inner { padding-left: 0; padding-right: 0 } .kyc-remediation .securities-steps .dashboard-link-box { border: 0 !important; background: #eef2f8; position: relative } .kyc-remediation .securities-steps .dashboard-link-box .icon-chevron2-right { color: #182f7c } .kyc-remediation .securities-steps .dashboard-link-box.error { border: 1px solid #b00000 !important; background: #fef9f4 } .kyc-remediation .securities-steps .dashboard-link-box.error h3, .kyc-remediation .securities-steps .dashboard-link-box.error i { color: #182f7c } .kyc-remediation .securities-steps .form-group.disabled .select2-selection, .kyc-remediation .securities-steps .form-control:disabled { background: #eef2f8 !important } .kyc-remediation .securities-steps .custom-checkbox .fs-16.fw-normal { font-size: 14px !important } .kyc-remediation .securities-steps .upload-documents-side, .kyc-remediation .securities-steps .upload-form-group__caption { padding: 0 } .kyc-remediation .securities-steps .form-group-select.success .selectize-float-label, .kyc-remediation .securities-steps .form-group-select.select2-has-value .selectize-float-label, .kyc-remediation .securities-steps .float-label.float-label-bright.active label, .kyc-remediation .securities-steps .float-label-textarea.float-label-bright.active label { color: #182f7c } .kyc-remediation .securities-steps .ipo-step-body { margin: 0 auto } .kyc-remediation .success-screen { text-align: center } .kyc-remediation .success-screen .self-service__form-footer { justify-content: center } .kyc-remediation .side-highlight-text p { margin: 0 auto } .remediation-notification#errorModal .modal-body { padding: 2rem !important } .remediation-notification#errorModal .modal-header { display: none } .remediation-notification#errorModal .modal-body::before { position: relative; margin: 0 auto 1rem; left: 0; right: 0; top: 0 } .remediation-notification#errorModal .modal-footer { justify-content: center } .custom-radio--switch-varient .custom-radio input:checked+span::before { background: #182f7c } .kyc-remediation .upload-documents-side-name { margin-bottom: .5rem !important } .kyc-remediation .custom-checkbox>span:not(.error)::before, .kyc-remediation .custom-radio>span:not(.error)::before { border-width: 1px; width: 18px; height: 18px } .kyc-remediation .custom-radio>span::after { width: 12px; height: 12px; left: 3px; top: 3px } .kyc-remediation .group-label-binding { background: #f7fafc !important; border: 1px solid #ededed } .kyc-remediation .datepicker-picker { color: #333 } .kyc-remediation .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { color: #000 } .kyc-remediation .form-group.error input.form-control, .kyc-remediation .form-group.error textarea, .kyc-remediation .form-group.error .input-group { border: 1px solid #d22323 } .kyc-remediation .form-group.success input.form-control, .kyc-remediation .form-group.success textarea, .kyc-remediation .form-group.success .input-group { border-color: transparent } .kyc-remediation .form-group img[alt="icon-error"] { display: none } .kyc-remediation .form-group .input-group { border-radius: 12px } .kyc-remediation .form-group.error .input-group input { border: 0 } .kyc-remediation .form-group label.mb-3, .kyc-remediation .form-group label.mb-0 { font-weight: 600 } .kyc-remediation .custom-checkbox>span:not(.error), .kyc-remediation .custom-radio>span:not(.error) { color: #000 } .kyc-remediation #site_header { width: 100% } .kyc-remediation .button-container.mobile-help-button { display: none; position: relative; top: 0; right: 0 } .kyc-remediation .button-container.mobile-help-button .ipo-help__main { width: 100%; position: relative; padding: 2rem; top: 2rem } .kyc-remediation .button-container.mobile-help-button .ipo-help__main span { display: block } .kyc-remediation .dashboard-link-box button.step-btn { margin-left: auto } .kyc-remediation-modal .modal-body { padding: 24px } .kyc-remediation-modal .title { font-size: 24px; font-weight: normal } .kyc-remediation-modal .description { font-size: 16px; margin: 0 } .kyc-remediation-modal .modal-md { max-width: 500px } .kyc-remediation-modal .close { position: absolute; top: 20px; right: 20px; z-index: 99 } .kyc-remediation-modal .close i { color: #333; font-weight: bold } .kyc-remediation-modal .modal-footer { padding: 16px 24px } .kyc-remediation-modal .modal-footer .btn { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; border-radius: .5rem; flex: 1 } .kyc-remediation .form-group-select.success .select2-selection__rendered, .kyc-remediation .form-group-select.select2-has-value .select2-selection__rendered { transform: translateY(5px) !important } .kyc-remediation .accordion-optional .collapse-wrapper { margin-bottom: 0 } .kyc-remediation .collapse__content--inner.optional-section { padding-bottom: 0 } @media(min-width:768px) { .kyc-remediation .securities-header+.securities-language-btn.offset-top__sm { top: 1.5rem } .kyc-remediation .button-container { position: fixed; left: 0; bottom: 2rem; width: 25%; display: flex; justify-content: center; align-items: flex-end } .kyc-remediation .securities-steps .ipo-help__main { left: 0; position: relative; width: auto; display: flex; align-items: center; border-radius: .5rem; padding: 1rem 4.5rem 1rem 1.5rem; background: #fafbff; box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .08), 0 4px 7px 0 rgba(0, 0, 0, .05) } .kyc-remediation .securities-steps .ipo-help__main p { font-size: .875rem; color: #182f7c; margin: 0 0 0 1rem; text-align: left } .kyc-remediation .securities-steps .ipo-help__main p span { display: block } } @media(max-width:767px) { .kyc-remediation .custom-check label { max-width: 50% } .kyc-remediation .button-container { position: absolute; right: 1rem; left: auto; top: 0; bottom: auto; width: auto } .kyc-remediation .button-container .ipo-help__main { width: 230px; position: absolute; text-align: left; background: #fafbff; box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .08), 0 4px 7px 0 rgba(0, 0, 0, .05); left: auto; right: 0; padding: 1rem } .kyc-remediation .button-container .ipo-help__main p { margin-left: .5rem; margin: 0 0 0 .5rem } .desktop-help-button { display: none } .kyc-remediation .button-container.mobile-help-button { display: block } .kyc-remediation .btn--progress { margin: 0 } .kyc-remediation .float-label label { top: 1rem; font-size: 1rem } .kyc-remediation .float-label.active label { top: .375rem; font-size: .75rem } .kyc-remediation-modal .modal-footer { margin: 0; flex-direction: column-reverse } .kyc-remediation-modal .modal-footer .btn { flex: 1; width: 100% } .kyc-remediation .ipo-step-body { padding: 0 1rem 1rem } body:has(.kyc-remediation) { background: #fff } } .selectize-float-label.active { top: .175rem; font-size: .75rem; color: #182f7c }