/* Minification failed. Returning unminified contents.
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(73,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(211,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(241,17): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(257,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(424,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(425,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(557,17): run-time error CSS1039: Token not allowed after unary operator: '-light'
(613,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(635,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(734,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(745,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(772,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(817,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(828,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(855,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(889,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(890,28): run-time error CSS1039: Token not allowed after unary operator: '-light'
(896,26): run-time error CSS1039: Token not allowed after unary operator: '-light'
(897,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(984,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(991,25): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1026,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1136,27): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1181,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1193,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1391,41): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1404,41): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1449,41): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1450,58): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1454,41): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1455,58): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1611,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1618,28): run-time error CSS1039: Token not allowed after unary operator: '-terciary'
(1625,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1654,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1658,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1731,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1742,42): run-time error CSS1039: Token not allowed after unary operator: '-speed'
(1746,34): run-time error CSS1039: Token not allowed after unary operator: '-speed'
(1810,1): run-time error CSS1019: Unexpected token, found '}'
(1825,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(1826,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1837,1): run-time error CSS1019: Unexpected token, found '}'
(1852,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(1853,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1864,1): run-time error CSS1019: Unexpected token, found '}'
(2046,17): run-time error CSS1038: Expected hex color, found '#FFF8'
(2361,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2423,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2591,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2860,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2902,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2905,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2935,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2948,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2976,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3032,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
 */
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,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");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/********** Template CSS **********/
:root {
    --primary: #102658;
    --secondary: #f3f2f2;
    --light: #F8F2F0;
    --dark: #060315;
    --terciary: oldlace;
}
html {
    scroll-behavior:smooth;
}

.itemExtended {
height:8vh;
width:100%
}
/*----------------Nav Bar----------------------*/
@media only screen and (max-width:600px) {
    #logo {
       /* height: 50px;*/
        width: 185px;
    }
}

@media only screen and (min-width:600px) {
    #logo {
       /* height: 50px;*/
        width: 200px;
    }
}

.text-terciary {
    color: silver;
}
.text-cuarto {
    color:oldlace;
}

.margin-left-title {
    margin-left:7.5rem;
}
@media only screen and (min-width:900px) {

    .spacerHeaderLeft {
        margin-left: 18rem;
    }
}
.fw-medium {
    font-weight: 600 !important;
}

.box {
    background-color: var(--primary);
    height: 700px;
    width: 100%;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}
.dropdown-item {
    color:var(--primary) !important;
    font-weight:700 !important;
}


/** Sets the images on the cards to max*/
.card-img-max {
    max-width: 75%;
    max-height: 75%;
    text-align: center
}

/** Gives the carousel cards shadow*/
.card {
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
    border-radius: 0;
}

.carousel-inner {
    padding: 0em;
}

/**Shows the carousel left and right controls much greater*/
.carousel-control-prev,
.carousel-control-next {
    background-color: #e1e1e1;
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}
.custom-carousel-width {
    width: 13% !important; /* !important ensures it wins over Bootstrap */
}
.cards-wrapper {
    display: flex;
    justify-content: center;
}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

    #spinner.show {
        transition: opacity .5s ease-out, visibility 0s linear 0s;
        visibility: visible;
        opacity: 1;
    }


/*** Button ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

    .btn.btn-primary,
    .btn.btn-secondary {
        color: #FFFFFF;
        border-radius:15px;
    }

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

/*-----Work For US-------*/
.black-box {
    max-width: 800px;
    background-color:black;
}

.bg-shadow {
    
    background-image: url("Img/DSC00009.jpg")
}

.right-zone img {
    opacity: 0.5;
}

div.row.black-box {
    padding:0 !important;
}
.no-padding {
    padding:0 !important;
}

/*** Navbar ***/
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar-light .navbar-nav .nav-link {
    position: relative;
    margin-right: 30px;
    padding: 25px 0;
    color: #FFFFFF;
    font-size: 15px;
    text-transform: uppercase;
    outline: none;
}

    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link.active {
        color: var(--primary);
    }

@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar-light .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}
@media (max-width: 1025px) {
    .navbar-light .navbar-nav .nav-link {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar-light .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

.navbar-light .navbar-brand,
.navbar-light a.btn {
    height: 75px;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--dark);
    font-weight: 800;
}

.navbar-light.sticky-top {
    /*top: -100px;*/
    transition: .5s;
}

nav.navbar {
    position: sticky;
    transition: all 0.5s ease 2s;
    background: white;
}

.navbarlink {
    color: var(--primary) !important;
}

/*@media (min-width: 992px) {
    .navbar-light .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        width: 0;
        height: 5px;
        top: -6px;
        left: 50%;
        background: #FFFFFF;
        transition: .5s;
    }

    .navbar-light .navbar-nav .nav-link:hover::before,
    .navbar-light .navbar-nav .nav-link.active::before {
        width: 100%;
        left: 0;
    }

    .navbar-light .navbar-nav .nav-link.nav-contact::before {
        display: none;
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}*/

/*Test for IPadPro*/
@media (min-width: 1025px) {
    .navbar-light .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        width: 0;
        height: 5px;
        top: -6px;
        left: 50%;
        background: #FFFFFF;
        transition: .5s;
    }

    .navbar-light .navbar-nav .nav-link:hover::before,
    .navbar-light .navbar-nav .nav-link.active::before {
        width: 100%;
        left: 0;
    }

    .navbar-light .navbar-nav .nav-link.nav-contact::before {
        display: none;
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}

.textboxfor {
   width:100%;
   height:38px;
}
img.rounded-circle.sector-icon-rounded {
    width: 200px;
    height: 200px;
}
.headerTitle h5 {
    color: white !important;
}

@media (min-width:1200px) and (max-width:1465px) {
    a.phoneLink {
        display:none;       
    }
}
/*** Header ***/
@media (max-width: 768px) {
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 500px;
    }

        .header-carousel .owl-carousel-item img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .header-carousel .owl-carousel-item h5,
        .header-carousel .owl-carousel-item p {
            font-size: 14px !important;
            font-weight: 400 !important;
        }

        .header-carousel .owl-carousel-item h1 {
            font-size: 30px;
            font-weight: 600;
        }
}

@media (max-width:600px) {
    .videosection {
        display: none;
    }
}
.bg-video {
    height:100%;
    background: rgba(36, 36, 39, 0.2);
}
.textbox-helper {
    width:100%;
    height:38px;
}
.header-carousel .owl-nav {
    position: absolute;
    top: 50%;
    right: 8%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
}

    .header-carousel .owl-nav .owl-prev,
    .header-carousel .owl-nav .owl-next {
        margin: 7px 0;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        background: transparent;
        border: 1px solid #FFFFFF;
        border-radius: 45px;
        font-size: 22px;
        transition: .5s;
    }

        .header-carousel .owl-nav .owl-prev:hover,
        .header-carousel .owl-nav .owl-next:hover {
            background: var(--primary);
            border-color: var(--primary);
        }

/*** New Banners - START ***/
.MeetTeamBanner {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/MeetTheTeamBanner.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.RailBanner {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/RailBanner.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.ArchitectureBanner {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/ArchitectureBanner.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.BlogBanner {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/BlogTrial.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.AboutUs {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/AboutUsBanner.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.ProcessEnergy {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/ProcessBanner.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.charity {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/CharitiesBanner.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.FeaturedVac {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/FeateuredVacanciesTrial.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.WaterEnv {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/Water.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.CivilStructural {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/CivilStructural.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.BuildingServices {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/Bulding.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}

.WorkForUs {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/WorkForUsBanner.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.contact-Banner {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img/BPRS_Banner.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}
.SalarySurveyBanner {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/SalarySurveyBanner.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}

.IR35Banner {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img//Banners/IR35Banner.webp') center center no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
}

/*** New Banners - END ***/

.page-header {
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img/BPRS_Banner.webp') center center no-repeat;
    background-size: cover;
    height: 450px;
    margin-bottom: 3rem;
}
@media only screen and (max-width:450px) {
    .page-header-mobile {        
        
        height: 300px !important;
    }
}


.page-header-mobile {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .2), rgba(6, 3, 21, .2)), url('/img/BPRS_Banner.webp') center center no-repeat;
    background-size: cover;
}

.page-header-about {
   
    height: 300px;
}
@media (min-width: 992px) {
    .page-header-about {
        
        height: 450px;
        padding-left:132px;
    }
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}


/*** About ***/
@media (min-width: 992px) {
    .container.about {
        max-width: 100% !important;
    }

    .about-text {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .about-text {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .about-text {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}

.SpecialBorder {
     background-color: #eee;
            height: 75%;
            flex-grow: 1;
            max-width: 2px;
            z-index: 0;
}

/*Sectors*/
.textJustified {
    text-align: justify;
}
/*** Feature ***/
.carta-completa {
    width: 90%;
    margin: auto;
    padding: 0 0 0px 0;
    /*box-shadow: 0 0 45px oldlace;*/    
    border:1px solid;    
}
    /*.carta-completa .carta-imagen {
        max-width: 250px;
        max-height: 250px;
        margin: 25px auto 20px;        
        padding-top:0;      
    }*/
    .carta-completa .carta-details-title {
        height: 80px;
        overflow: hidden;
        background-color: var(--primary);
        color:white;
        font-size:20px;
    }
    .carta-completa .carta-description {
        /*margin: 5px 10px auto;*/
        text-align: left;
        max-height: 350px;
        overflow: hidden;
        /*border-bottom: 1px solid grey;*/
        background-color: rgba(248, 248, 248, 0.8);
    }
.carta-description .parrafo {
    padding:5px 10px;
}
.carta-completa .carta-details {
    min-width: 250px;
    max-height: 300px;
    overflow: hidden;
    margin: 0px;
    padding: 5px;
    color: #ebecf0;
    border-bottom: 1px solid var(--primary);
    background-color: rgba(248, 248, 248, 0.8);
}
    .carta-completa .carta-details ul {
        list-style: none;
    }

        .carta-completa .carta-details ul li {
            padding: 1px 2px;
        }

            .carta-completa .carta-details ul li i {
                padding-inline: 0 3px;
                margin-left: 5px;
            }
.carta-completa .boton {
    /*margin-top: 5px;*/
    background-color: rgba(248, 248, 248, 0.8);
}
    .carta-completa .boton .btn {
        padding-bottom: 5px;
        margin-bottom:10px;
    }




    @media (min-width: 992px) {
        .container.feature {
        max-width: 100% !important;
    }

    .feature-text {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .feature-text {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .feature-text {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}
/*Adds annd removes extra space under one word titles content tablets*/
.title-spacer {
    min-height: 60px;
}
@media (max-width:767px) {
    .title-spacer {
        min-height: 30px;
    }
}
@media (min-width:992px) {
    .title-spacer {
        min-height: 30px;
    }
}
/*for meet the team without the shadow box*/

.team-item-nosbox {
    box-shadow: none;
}
.team-item-nosbox img {
    transition: .5s;
}
.sector-item:hover img,
.team-item-nosbox:hover img {
    transform: scale(1.1);
}
.sector-item a.btn-slide,
.descriptive-item a.btn-slide,
.team-item-nosbox div.btn-slide {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 0;
}
.sector-image,
.sector-item {
    border-radius: 5px;
}
    .sector-item a.btn-slide i,
    .sector-item a.btn-slide span,
    .descriptive-item a.btn-slide i,
    .descriptive-item a.btn-slide span,
    .team-item-nosbox div.btn-slide i,
    .team-item-nosbox div.btn-slide span {
        position: relative;
        height: 40px;
        padding: 0 15px;
        display: inline-flex;
        align-items: center;
        font-size: 16px;
        color: #FFFFFF;
        background: var(--primary);
        border-radius: 0 35px 35px 0;
        transition: .5s;
        z-index: 2;
    }

        .team-item-nosbox div.btn-slide span a i {
            padding: 0 10px;
        }

        .team-item-nosbox div.btn-slide span a:hover i {
            background: var(--secondary);
        }

    .sector-item a.btn-slide span,
    .descriptive-item a.btn-slide span,
    .team-item-nosbox div.btn-slide span {
        padding-left: 0;
        left: -100%;
        z-index: 1;
    }

.sector-item:hover a.btn-slide i,
.descriptive-item:hover a.btn-slide i,
.team-item-nosbox:hover div.btn-slide i {
    border-radius: 0;
}

.sector-item:hover a.btn-slide span,
.descriptive-item:hover a.btn-slide span,
.team-item-nosbox:hover div.btn-slide span {
    left: 0;
}

.sector-item a.btn-slide:hover i,
.sector-item a.btn-slide:hover span,
.descriptive-item a.btn-slide:hover i,
.descriptive-item a.btn-slide:hover span {
    background: var(--secondary);
}



/*** Service, Price & Team ***/
.sector-item,
.descriptive-item,
.blueprint-team-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}


    .sector-item img,
    .blueprint-team-item img {
        transition: .5s;
    }

    .sector-item:hover img,
    .blueprint-team-item:hover img {
        transform: scale(1.1);
    }

    .sector-item a.btn-slide,
    .descriptive-item a.btn-slide,
    .blueprint-team-item div.btn-slide {
        position: relative;
        display: inline-block;
        overflow: hidden;
        font-size: 0;
    }

        .sector-item a.btn-slide i,
        .sector-item a.btn-slide span,
        .descriptive-item a.btn-slide i,
        .descriptive-item a.btn-slide span,
        .blueprint-team-item div.btn-slide i,
        .blueprint-team-item div.btn-slide span {
            position: relative;
            height: 40px;
            padding: 0 15px;
            display: inline-flex;
            align-items: center;
            font-size: 16px;
            color: #FFFFFF;
            background: var(--primary);
            border-radius: 0 35px 35px 0;
            transition: .5s;
            z-index: 2;
        }

            .blueprint-team-item div.btn-slide span a i {
                padding: 0 10px;
            }

            .blueprint-team-item div.btn-slide span a:hover i {
                background: var(--secondary);
            }

        .sector-item a.btn-slide span,
        .descriptive-item a.btn-slide span,
        .blueprint-team-item div.btn-slide span {
            padding-left: 0;
            left: -100%;
            z-index: 1;
        }

    .sector-item:hover a.btn-slide i,
    .descriptive-item:hover a.btn-slide i,
    .blueprint-team-item:hover div.btn-slide i {
        border-radius: 0;
    }

    .sector-item:hover a.btn-slide span,
    .descriptive-item:hover a.btn-slide span,
    .blueprint-team-item:hover div.btn-slide span {
        left: 0;
    }

    .sector-item a.btn-slide:hover i,
    .sector-item a.btn-slide:hover span,
    .descriptive-item a.btn-slide:hover i,
    .descriptive-item a.btn-slide:hover span {
        background: var(--secondary);
    }

/**-***********************SignIn*****************/
.box {
    border: black 1px solid;
}

.txtBox {
    border: black 1px solid;
}
/*** Testimonial ***/
.testimonial-carousel .owl-item .testimonial-item {
    position: relative;
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    animation: pulse 1s ease-out .5s;
}

.testimonial-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: var(--primary);
    border: 5px solid var(--light);
    border-radius: 15px;
    transition: .5s;
}

    .testimonial-carousel .owl-dot.active {
        background: var(--light);
        border-color: var(--primary);
    }
    /*testimonial in mobiles version*/
.testimonial-item-box {
    height: 300px;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #dcdcdc;
    position: relative;
    opacity:0.7;
    border: 1px solid;
    box-shadow:3px 6px; 
}

/*** Contact ***/
@media (min-width: 992px) {
    .container.contact-page {
        max-width: 100% !important;
    }

    .contact-page .contact-form {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .contact-page .contact-form {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .contact-page .contact-form {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}
.map iframe {
    height: 450px;
    width: 600px;
    border: 0;
    /*width="600" height="450" style="border:0;"*/
}
/*Overflow text for cards*/
.limitedText {
    overflow:hidden;
    height: 215px;
}
/*--------------------------------container to push the footer to the bottom of the page------------------------------------------------*/
.containerSpecial2 {
    height: 450px;
    width: 100%;
}
/*** Footer ***/
.footer {
    /*background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)), url(Img/about.jpg) center center no-repeat;*/
    background-size: cover;
    background-color: black;   
}
.footer-md {
    margin-top: 6rem;
}
.footer {
    /*position: fixed;
    bottom: 0;
    width: 100%;*/
    /* Height of the footer*/
    /*height: 470px;*/
}

    .footer .address {
        color: white;
        text-decoration: none;
    }

        .footer .address a {
            color: white;
            text-decoration: none;
        }

    .footer .btn.btn-social {
        margin-right: 5px;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--light);
        border: 1px solid #FFFFFF;
        border-radius: 35px;
        transition: .3s;
    }

        .footer .btn.btn-social:hover {
            color: var(--primary);
        }

    .footer .btn.btn-link {
        display: block;
        margin-bottom: 5px;
        padding: 0;
        text-align: left;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: normal;
        text-transform: capitalize;
        transition: .3s;
    }

        .footer .btn.btn-link::before {
            position: relative;
            content: "\f105";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            margin-right: 10px;
        }

        .footer .btn.btn-link:hover {
            letter-spacing: 1px;
            box-shadow: none;
        }

    .footer .copyright {
        padding: 25px 0;
        font-size: 15px;
        border-top: 1px solid rgba(256, 256, 256, .1);
    }

        .footer .copyright a {
            color: var(--light);
        }

.btn.btn-social {
    border-radius:32px;
}

#myVideo {
    position: relative;
    right:0;
    bottom:0;
    margin:0;
    padding:0;
    min-width: 100%;
    min-height: 100%;
}

#workforusvideo {
    position: relative;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    height:800px;
    width:100%;
    
}
@media only screen and (max-width:600px) {
    #workforusvideo {
        height: 400px;
        width: 100%;
    }
}



.nuevocontainer {
    height: 40vh;
    width: 100%;
    background-color: rgba(36, 36, 39, 0.5);
    position: relative;
}

.container-featuredjobs {
    width:100%;
    height:100%;
    background-color:oldlace;


}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    /*background-color: transparent;*/
    background-color: white;
    max-width: 350px;
    max-height: 320px;
   
    border: 1px solid #f1f1f1;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.card-front-information {
    top:75px;
    position:absolute;
    height:calc(100%-100px);
    max-width:100%;
    
}
.card-front-information ul{
    list-style:none;
}

    .card-front-information ul li i {
       position:relative;
      
    }

    .card-front-information .new-icon {
        max-width:100%;
       
    }
    /* Do an horizontal flip when you move the mouse over the flip box container */
    .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg);
    }

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

.headerCardTitle {
    height: 65px;
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    background-color:var(--primary);
    margin-bottom:10px;
    max-width:100%;
}

    .headerCardTitle img {
        position:relative;
        float:left;
        top:15px;        
        margin:0;
        padding:0;
        padding-left:15px;

    }



/* Style the front side (fallback if image is missing) */
.flip-card-front {
    /*background-color: #bbb;*/
    background-color: white;
    color: black;
    list-style: none;
}

    .flip-card-front ul li {
        /*background-color: #bbb;*/
        list-style: none;
        text-align: left;
    }

/* Style the back side */
.flip-card-back {
    background-color: white;
    color: black;
    transform: rotateY(180deg);
}




/*Style for the social media on cards*/
.socialMedia {
    width: 250px;
    height: 40px;
    background-color: var(--primary);
    color: white;
}
    /*Style for the social media on cards*/
    .socialMedia a {
        color: white;
        margin: 10px;
        text-align: center;
        justify-content: center;
    }
/*Change color for social icons in everything*/
.fa {
    color: var(--primary);
}

/*Change color for social icons in footer*/
.footer .fa {
    color: white;
}

.cyber-element {
    border:none;
    height:92px;
    width:102px;
    vertical-align:middle;
    
}

@media (max-width: 568px) {
    .cyber-element {
        padding-top: 1rem;
        height: 115px;
        width: 102px;
    }
    }

/*Company Feature Carousel Start*/
@-webkit-keyframes slidein {
    0% {
        top: -400px;
        opacity: 0;
    }

    100% {
        opacity: 1;
        top: 0px;
    }
}

@keyframes slidein {
    0% {
        top: -400px;
        opacity: 0;
    }

    100% {
        opacity: 1;
        top: 0px;
    }
}

@-webkit-keyframes slideout {
    0% {
        top: 0;
        opacity: 1;
    }

    100% {
        top: -400px;
        opacity: 0;
    }
}

@keyframes slideout {
    0% {
        top: 0;
        opacity: 1;
    }

    100% {
        top: -400px;
        opacity: 0;
    }
}

/*body {
    background: #eee;
    font-family: "Tahoma";
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/

    body #scene {
        display: flex;
        align-items: center;
        justify-content: left;
        width: 1000px;
        height: 400px;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        overflow: hidden;
    }

        body #scene #left-zone {
            background: #fff;
            height: 75%;
            flex-grow: 0;
            display: flex;
            width: 350px;
            align-items: center;
            justify-content: left;
        }

            body #scene #left-zone .list {
                display: flex;
                list-style: none;
                align-content: stretch;
                flex-direction: column;
                flex-grow: 1;
                margin: 0;
                padding: 0;
            }

                body #scene #left-zone .list li.item input[type=radio] {
                    display: none;
                }

                    body #scene #left-zone .list li.item input[type=radio] ~ label {
                        display: block;
                        opacity: 0.5;
                        height: 50px;
                        text-align: center;
                        line-height: 50px;
                    }

                        body #scene #left-zone .list li.item input[type=radio] ~ label:first-letter {
                            text-transform: uppercase;
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ label:hover {
                            opacity: 0.75;
                            cursor: pointer;
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ label.label_strawberry:before {
                            /*content: " ";*/
                            display: block;
                            position: absolute;
                            width: 50px;
                            height: 50px;
                            margin-left: 15px;
                            background-image: url("https://d30y9cdsu7xlg0.cloudfront.net/png/83067-200.png");
                            background-position: center;
                            background-size: 75% 75%;
                            background-repeat: no-repeat;
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ label.label_banana:before {
                            /*content: " ";*/
                            display: block;
                            position: absolute;
                            width: 50px;
                            height: 50px;
                            margin-left: 15px;
                            background-image: url("https://d30y9cdsu7xlg0.cloudfront.net/png/53209-200.png");
                            background-position: center;
                            background-size: 75% 75%;
                            background-repeat: no-repeat;
                        }

                   

                     

                    body #scene #left-zone .list li.item input[type=radio] ~ .content {
                        position: absolute;
                        left: 350px;
                        top: -400px;
                        width: 650px;
                        height: 400px;
                        -webkit-animation-duration: 0.75s;
                        animation-duration: 0.75s;
                        -webkit-animation-name: slideout;
                        animation-name: slideout;
                        -webkit-animation-timing-function: ease-out;
                        animation-timing-function: ease-out;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column;
                    }

                        body #scene #left-zone .list li.item input[type=radio] ~ .content.content_strawberry .picto {
                            height: 100px;
                            width: 170px;
                            /*background-image: url("data:text/css;base64,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");*/
                            background-position: center;
                            background-size: cover;
                            background-repeat: no-repeat;
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ .content.content_strawberry h1 {
                            color: var(--primary);
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ .content.content_banana .picto {
                            height: 100px;
                            width: 230px;
                            /*background-image: url("data:text/css;base64,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");*/
                            background-position: center;
                            background-size: cover;
                            background-repeat: no-repeat;
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ .content.content_banana h1 {
                            color: var(--primary);
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ .content.content_apple .picto {
                            height: 100px;
                            width: 100px;
                            background-image: url("https://d30y9cdsu7xlg0.cloudfront.net/png/14333-200.png");
                            background-position: center;
                            background-size: cover;
                            background-repeat: no-repeat;
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ .content.content_apple h1 {
                            color: #00B16A;
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ .content.content_orange .picto {
                            height: 100px;
                            width: 100px;
                            background-image: url("https://d30y9cdsu7xlg0.cloudfront.net/png/9636-200.png");
                            background-position: center;
                            background-size: cover;
                            background-repeat: no-repeat;
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ .content.content_orange h1 {
                            color: #F27935;
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ .content h1:first-letter {
                            text-transform: uppercase;
                        }

                        body #scene #left-zone .list li.item input[type=radio] ~ .content p {
                            max-width: 50%;
                            text-align: center;
                        }

                    body #scene #left-zone .list li.item input[type=radio]:checked ~ label {
                        opacity: 1;
                        -webkit-animation: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
                        animation: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
                    }

                        body #scene #left-zone .list li.item input[type=radio]:checked ~ label.label_strawberry {
                            color: var(--primary);
                            border-right: solid 4px var(--primary);
                        }

                        body #scene #left-zone .list li.item input[type=radio]:checked ~ label.label_banana {
                            color: var(--primary);
                            border-right: solid 4px var(--primary);
                        }

                        body #scene #left-zone .list li.item input[type=radio]:checked ~ label.label_apple {
                            color: #00B16A;
                            border-right: solid 4px #00B16A;
                        }

                        body #scene #left-zone .list li.item input[type=radio]:checked ~ label.label_orange {
                            color: #F27935;
                            border-right: solid 4px #F27935;
                        }

                    body #scene #left-zone .list li.item input[type=radio]:checked ~ .content {
                        -webkit-animation-duration: 0.75s;
                        animation-duration: 0.75s;
                        -webkit-animation-name: slidein;
                        animation-name: slidein;
                        -webkit-animation-fill-mode: forwards;
                        animation-fill-mode: forwards;
                        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
                        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
                    }

        body #scene #middle-border {
            background-color: #eee;
            height: 75%;
            flex-grow: 1;
            max-width: 2px;
            z-index: 0;
        }

        body #scene #right-zone {
            background: #fff;
            height: 100%;
            flex-grow: 3;
        }

/*Company Feature Carousel End*/

/*Testimonial Test*/
.client {
    width: 100%;
    height: 800px;
    background: #7F00FF; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #E100FF, #7F00FF); /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #E100FF, #7F00FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(90deg, rgba(16,38,88,1) 0%, rgba(96,111,241,1) 88%)
}
@media only screen and (max-width:800px) {
    .client {
        height:100%;       
    }
}


.carousel-icon i {
    font-size: 5rem;
    color: rgba(255, 255, 255, 0.3);
}

.carousel-item i {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 0.3);
}

.t-card {
    padding: 1.8125rem 1.125rem;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1.25rem;
    color: #fff;
   /* height: auto;*/
    min-height:320px;
}
@media only screen and (max-width:600px) {
    .t-card {
        padding: 1.8125rem 1.125rem;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 1.25rem;
        color: #fff;
        /* height: auto;*/
        min-height: 600px;
    } 
}
.UserRole-testimonial {
   min-height:75px;
   max-height:80px;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 1.5625rem solid transparent;
    border-right: 1.5625rem solid transparent;
    border-top: 1.25rem solid rgba(0, 0, 0, 0.5);
}

/*--------------Message Error-----------------*/
div #msg-error {
    color: red;
}

.title-centered {
    margin-top:6rem;    
}
.bannerbox {
    height: 420px;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    background: oldlace;
}

.picture-frame {
    margin:0;
    padding:0;
    border:2px solid;
    height:auto;
    width:100%;
    position:relative;
}
    .picture-frame.picture-box {
        position:absolute;
        height:380px;
        width:auto;
    }

        .picture-frame.picture-box.img {
            position:relative;
            height:350px;
            padding:20px;
        }
.box-meet-bio {
    max-width: 100%;
    position:relative;
}


 .icons-social-media i.fab.fa-linkedin {
     font-size:30px;
}
.icons-social-media i.fab.fa.fa-envelope-o {
    font-size: 30px;
}



.btn.btn-primary i {
    position: relative;
    height: 40px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 0 35px 35px 0;
    transition: .5s;
    z-index: 2;
}
/*Customize the btn for meet the team section*/
.btn.btn-terciary {
    background-color: var(--terciary);
}
    .btn.btn-terciary i {
        height:35px;
        position:relative;
        padding:0 15px;
        display:inline-flex;
        color:var(--primary);
        font-size:20px;
        align-items:center;
        z-index:2;
    }
.portrait {
    max-height: 400px;
    max-width:250px;
    margin:0 auto;
}

.botones.btn.btn-primary a{
    display: inline-block;
}

/*featured jobs*/
.card-featuredjobs {
    max-width:1400px;
    margin-left:3em;
    margin-right:3em;
}

.card-information {
    overflow:hidden;
    min-height:260px;
    max-height:230px;
}
.card-information ul {
    list-style:none;
    color:var(--primary);
}

.carousel-item .card-information i {
    color: var(--primary);
    font-size: 15px;
    padding-right:5px;    
}

/*Override caorusel class for  icons "next and previous"*/
.carousel-control-prev, .carousel-control-next {
    top:215px !important;
}

.carousel-control-next {
    right:-67px !important;   
}
.carousel-control-prev {
    left: -67px !important;
}

@media only screen and (min-width:1000px) {
    .carousel-control-next {
        right: -55px !important;
    }

    .carousel-control-prev {
        left: -55px !important;
    }
}

/*next and prev*/
.control-prev {
    /*    transform:translateX(-50%);*/
    left: -37px;
    position: absolute;
    height: 2rem;
    width: 2rem;
    top: 50%;
    border: none;
    background: none;
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block;
}
.control-next {
  /*  transform:translateX(-50%);*/
    right:-37px;
    position:absolute;
    height:2rem;
    width:2rem;
    top:50%;
    border:none;
    background:none;
    background-repeat:no-repeat;
    background-position:50%;
    display:inline-block;

}
/*#region TickerTape*/


:root {
    --speed: 17s;
}

* {
    margin: 0;
    padding: 0;
}

.ticker-tape {
    display: flex;
    width: 100%;
    overflow: hidden;
    height: 400px;
    padding-left: 100%;
    background-color: var(--primary);
}

    .ticker-tape .ticker {
        height: 400px;
        line-height: 400px;
        white-space: nowrap;
        padding-right: 100%;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -webkit-animation-name: ticker;
        -webkit-animation-duration: var(--speed);
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation: ticker 15s linear infinite;
        animation-duration: var(--speed);
    }

    .ticker-tape .ticker__item {
        display: inline-block;
        padding: 0 2rem;
        font-size: 8rem;
        font-weight: 900;
        letter-spacing: 1.5rem;
        color: rgba(0,0,0,0.2);
    }

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0,0,0,0);
        transform: translate3d(0,0,0,0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-280rem, 0, 0);
        transform: translate3d(-280rem, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0,0,0,0);
        transform: translate3d(0,0,0,0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-280rem, 0, 0);
        transform: translate3d(-280rem, 0, 0);
    }
}

@media only screen and (max-width:1368px) {
    @-webkit-keyframes ticker {
        0% {
            -webkit-transform: translate3d(0,0,0,0);
            transform: translate3d(0,0,0,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(-220rem, 0, 0);
            transform: translate3d(-220rem, 0, 0);
        }
    }

    @keyframes ticker {
        0% {
            -webkit-transform: translate3d(0,0,0,0);
            transform: translate3d(0,0,0,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(-220rem, 0, 0);
            transform: translate3d(-220rem, 0, 0);
        }
    }
}
@media only screen and (max-width:900px) {
    @-webkit-keyframes ticker {
        0% {
            -webkit-transform: translate3d(0,0,0,0);
            transform: translate3d(0,0,0,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(-175rem, 0, 0);
            transform: translate3d(-175rem, 0, 0);
        }
    }

    @keyframes ticker {
        0% {
            -webkit-transform: translate3d(0,0,0,0);
            transform: translate3d(0,0,0,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(-175rem, 0, 0);
            transform: translate3d(-175rem, 0, 0);
        }
    }
}
@media only screen and (max-width:720px) {
    @-webkit-keyframes ticker {
        0% {
            -webkit-transform: translate3d(0,0,0,0);
            transform: translate3d(0,0,0,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(-190rem, 0, 0);
            transform: translate3d(-190rem, 0, 0);
        }
    }

    @keyframes ticker {
        0% {
            -webkit-transform: translate3d(0,0,0,0);
            transform: translate3d(0,0,0,0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(-190rem, 0, 0);
            transform: translate3d(-190rem, 0, 0);
        }
    }
}

@media only screen and (min-width:600px) {
    .map {
        min-width: 600px;
    }
}

    .map {
        max-width: 350px;
    }

/*#endregion */

/*Featured jobs Card in default section*/



/*Featured job card Swiper API*/
.plx-card {
    transition: all 600ms ease;
    max-width: 1100px;
    display: flex;
    position: relative;
    overflow: hidden;
    margin: 30px 0;
    filter: drop-shadow(0 2px 1rem #112);
    border-radius: 4px;
}

/*@media screen and (min-width: 700px) {
    .plx-card.gold {
        height: 280px;
    }
}*/

@media screen and (max-width: 1000px) {
    .plx-card {
        height: auto;
        width: auto;
        flex-direction: column;
        border-radius: 2px;
        margin: 25px 15px;
    }
}

.pxc-avatar {
    transition: all 600ms ease;
    display: flex;
    /*flex-direction: column;*/
    height: auto;
    width: 150px;
    justify-content: space-around;
}

@media screen and (max-width: 1000px) {
    .pxc-avatar {
        width: 100%;
        height: 100px;
        justify-content: space-around;
        align-items: center;
    }
}
.ctn-tresrem {
    margin-bottom:3rem;
}
.pxc-avatar img {
    transition: all 600ms ease;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    box-shadow: 0 1px 1rem rgba(10, 10, 25, 0.5);
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1200px) {
    .pxc-avatar img {
        width: 125px;
        height: 125px;
    }
}

@media screen and (max-width: 1000px) {
    .pxc-avatar img {
        margin-top: 100px;
    }
}

.pxc-bg {
    transition: all 600ms ease;
    border-radius: 2px;
    height: 100%;
    width: calc(100% - 75px);
    position: absolute;
    z-index: 0;
    pointer-events: none;
    left: 75px;
    background-size: cover;
    background-position: right;
    background-color: #3e3e5b;
}
.img-cover {
    object-fit:cover;
}
/*.bronze .pxc-bg {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 480px;
    height: 100%;
    max-height: 80px;
    border-radius: 0;
    background-position: 0 -10px;
}*/
/*@media screen and (max-width: 900px) {
    .pxc-bg {
        left: 50px;
    }
}*/
@media screen and (max-width: 1000px) {
    .pxc-bg {
        left: 0;
        top: 0;
        height: 200px;
        width: 100%;
        border-radius: 0;
    }
}

.pxc-subcard {
    transition: all 600ms ease;
    border-radius: 3px;
    background: #1D1D2B;
    width: 650px;
    margin: 25px 200px 25px -25px;
    z-index: 0;
    padding: 15px 25px 15px 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 1rem rgba(10, 10, 25, 0.3);
}


/*.bronze .pxc-subcard {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 15px 10px 10px 70px;
    width: 400px;
    height: auto;
    max-height: 80px;
    border-radius: 0;
}*/

/*@media screen and (max-width: 900px) {
    .pxc-subcard {
        margin-right: 120px;
        margin-left: -32px;
    }
}*/

@media screen and (max-width: 1000px) {
    .pxc-subcard {
        margin: 25px 15px 30px 15px;
        padding: 60px 25px 20px;
        width: auto;
        height: auto;
        flex: 1 0 auto;
    }

   /* .silver .pxc-subcard {
        padding-top: 20px;
    }*/
}

.pxc-stopper {
    transition: all 600ms ease;
    height: 100%;
    width: calc(60%);
    background: #FFF8;
    display: block;
    position: absolute;
    z-index: 0;
    left: 75px;
}

/*@media screen and (max-width: 900px) {
    .pxc-stopper {
        left: 50px;
    }
}*/

@media screen and (max-width: 1000px) {
    .pxc-stopper {
        left: 0;
        width: 100%;
        top: 200px;
        height: calc(100% - 200px);
        background: white;
        border-radius: 0;
    }
}

.pxc-tags {
    position: absolute;
    bottom: -15px;
    right: 10px;
    height: 32px;
    overflow: hidden;
    text-align: right;
}

/*.silver .pxc-tags, .bronze .pxc-tags {
    display: none;
}*/

.pxc-tags div {
    color: white;
    display: inline-block;
    background: #8855DD;
    border-radius: 12px;
    padding: 2px 10px;
    line-height: 1.7;
    margin: 4px 4px;
    font-size: 12px;
    height: 20px;
}

@media screen and (max-width: 700px) {
    .pxc-tags {
        height: 64px;
        text-align: center;
        position: relative;
        width: 100%;
        bottom: 0;
        left: 0;
        margin-bottom: 10px;
    }

        .pxc-tags div {
            color: #8855DD;
            border: solid 1px #8855DD;
            background: transparent;
        }
}

.pxc-title {
    font-size: 24px;
    margin-bottom: 4px;
    color: white;
    width: calc(100% - 50px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 0 0 auto;
}

@media screen and (max-width: 1000px) {
    .pxc-title {
        font-size: 16px;
        white-space: initial;
        overflow: initial;
        text-overflow: initial;
        text-align: center;
        margin-left:30px;
    }
}

.pxc-sub {
    font-size: 14px;
    margin: 2px 0 8px 0;
    flex: 1 1 auto;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(black 80%, transparent 100%);
    mask-image: linear-gradient(black 80%, transparent 100%);
    color: #a6aad1;
}

@media screen and (max-width: 1000px) {
    .pxc-sub {
        font-size: 13px;
    }
}

.pxc-feats {
    font-size: 13px;
    color: #b7d0f5; /* #5f5f80;*/
    flex: 1 1 auto;
    padding-bottom: 5px;
    margin-bottom: 5px;
    line-height: 1.3;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(black 50%, transparent 100%);
    mask-image: linear-gradient(black 80%, transparent 100%);
}

@media screen and (max-width: 1000px) {
    .pxc-feats {
        font-size: 14px;
        margin-top: 10px;
        text-align: center;
        margin-left: 20px
    }
}
.pxc-feats span:not(:first-child):before {
    content: " • ";
    margin: 3px;
}
.pcx-text-summary {
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    overflow-wrap: break-word;
    line-height:25px;
    max-height: 400px;    
    padding-bottom: 15px;   
    /*white-space:normal;*/
    margin-bottom:5px;
}
    .pcx-text-summary p {
        font-size: 15px;
        text-align: center;    
    }

.bottom-row {
    flex: 0 1 auto;
    margin-top: 10px;
    display: flex;
    justify-items:space-around;
    align-items: center;
}

@media screen and (max-width: 700px) {
    .bottom-row {
        border-top: solid 1px rgba(255, 255, 255, 0.05);
        padding-top: 5px;
    }
}

.bottom-row .pxc-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 700px) {
    .bottom-row .pxc-info {
        position: absolute;
        bottom: -28px;
        left: -10px;
        justify-content: space-between;
        width: 100%;
    }

        .bottom-row .pxc-info .region {
            color: #112;
            font-size: 13px;
            text-transform: uppercase;
        }
}

.bottom-row .links {
    display: flex;
    align-content: flex-end;
    flex: 1 0 auto;
    justify-content: flex-end;
}

    .bottom-row .links a {
        color: #99D;
        font-size: 28px;
        text-align: center;
        width: 48px;
        height: 48px;
        display: inline-block;
        margin: 0 10px;
        cursor: pointer;
    }

        .bottom-row .links a:hover {
            color: #EEF;
        }

@media screen and (max-width: 700px) {
    .bottom-row .links {
        justify-content: center;
        margin-top: 10px;
        margin-bottom: -10px;
    }

        .bottom-row .links a {
            color: #a6aad1;
        }
}

.bottom-row .flags {
    overflow: hidden;
    height: 23px;
}

    .bottom-row .flags span {
        margin: 2px 6px;
        background: white;
        border-radius: 3px;
        width: 24px;
        height: 16px;
        display: inline-block;
    }

.bottom-row .region {
    color: white;
    margin-left: 8px;
}


/*swipeable*/
.swiper {
    width: 100%;
    /*height: 900px;*/
}
/*Added to ignore bundle default class*/
.swiper-pagination-bullet 
{
    background:#FFFFFF !important
}

.black-bullets .swiper-pagination-bullet {
    background: #000000 !important;
}

    /*about best use of technology*/
    .imagen-wrapper{
    height:100%;
}
.imagen-wrapper img {
    height: 100%;
}


/*Work for Us info/work for us*/
@media screen and (max-width:985px) {
    .left-zone {
       min-height:350px;
       display:flex;
       align-items:center;
       flex-direction:column;
       justify-content:center;
    }
    .right-zone {
       height:auto;
    }
        .right-zone img {           
            height:auto;
        }
}
/*WorkForUs whyJoin*/
.strippe {
    background-color: #f5f5f5;
    margin-bottom: 15px;
    padding: 50px 0px 50px 0px;
}

    .strippe p {
        font-size: 18px;
        padding: 5px;
    }

    .strippe h2 {
        padding-left: 10px;
        padding-right: 10px;
    }


.title-whyjoin h5 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: black;
    margin-bottom: 25px;
}
/*    .list-whyjoin li {
        list-style: square;
        font-size: 20px;
        line-height: 50px;
        letter-spacing: 1px;
        padding-right: 15px;
        color: #FFFFFF;
    }*/
.card-title-small-container {
    min-height: 90px;
}

.card-body-whyjoin {
    min-height: 250px;
    padding: 15px;
    background-color: var(--primary);
    /*border-radius:15px;*/
    box-shadow: 2px 10px 15px 0 rgba(0, 0, 0, 0.7);
}

    .card-body-whyjoin h5 {
        color: white;
        font-size: 1.5rem;
        
    }

    .card-body-whyjoin p {
        color: white;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 2px;
    }

.stopper-whyjoin {
    border: 2px solid #f5f5f5;
}

@media only screen and (min-width:992px) {
    .strippe {
        background-color: #f5f5f5;
        margin-bottom: 15px;
        padding: 50px 0px 50px 0px;
    }

        .strippe p {
            font-size: 18px;
            padding: 5px;
        }

        .strippe h2 {
            padding-left: 10px;
            padding-right: 10px;
        }


    .title-whyjoin h5 {
        font-size: 2.5rem;
        font-weight: bold;
        margin-bottom: 15px;
        color: black;
        margin-bottom: 25px;
    }
    /*    .list-whyjoin li {
        list-style: square;
        font-size: 20px;
        line-height: 50px;
        letter-spacing: 1px;
        padding-right: 15px;
        color: #FFFFFF;
    }*/
    .card-title-small-container {
        min-height: 90px;
    }

    .card-body-whyjoin {
        min-height: 250px;
        padding: 15px;
        background-color: var(--primary);
        /*border-radius:15px;*/
        box-shadow: 2px 10px 15px 0 rgba(0, 0, 0, 0.7);
    }

        .card-body-whyjoin h5 {
            color: white;
            font-size: 1.5rem;
        }

        .card-body-whyjoin p {
            color: white;
            font-size: 1rem;
            line-height: 1.5rem;
            letter-spacing: 2px;
        }

    .stopper-whyjoin {
        border: 2px solid #f5f5f5;
    }

    .benefits-container {
        display: flex;
        flex-wrap: wrap;
        /*justify-content:space-around;*/
        flex-direction: row;
        align-items: flex-start;
        /*  gap:40px;*/
    }

    .benefit-card {
        margin-bottom: 40px;
        margin-top: 15px;
        width:20rem;
    }

        .benefit-card p {
            font-size: 1.25rem;
            font-weight: 400;
            font-family: "Roboto",sans-serif;
            color: black;
        }

    @media screen and (max-width:767px) {
        .benefit-card {
            margin-bottom: 20px;
            margin-top: 5px;
        }

            .benefit-card p {
                font-size: 0.90rem;
                font-weight: 400;
                font-family: "Roboto",sans-serif;
                color: black;
            }

            .benefit-card i {
                font-size: 2.25rem;
            }
    }

    @media screen and (max-width:800px) {
        .vidbackground {
            min-height: 400px;
            background-color: black;
            width: 100%;
        }
    }

    @media screen and (max-width:400px) {
        .vidbackground {
            min-height: 350px;
            background-color: black;
            width: 100%;
            display: flex;
            align-items: center;
        }
    }

    /*card-charities in Charity page*/
    .card-body-text {
        min-height: 100px;
        overflow: hidden;
        /*max-height:60px;*/
    }

    .charity-card {
        width:18rem;
    }
    .long-card-jobs {
        box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    }

    .borderBox {
        width: 30%;
        border-bottom: 3px solid #dee2e6
    }

    .redo-longcard-bottom {
        /*removes padding under long card job title*/
        margin-bottom: -0.4rem;
    }

    .sector-title-card {
        border-bottom: 3px solid #dee2e6;
    }

        .sector-title-card img {
            padding-left: 25px;
        }

        .sector-title-card p {
            font-size: 18px;
            text-transform: capitalize;
        }

    .list-card-featured ul {
        line-height: 35px;
    }


    /*text Area in Contact Us*/
    textarea#Message {
        width: 100%;
        height: 100px;
        /*   padding-top: 20px;
    padding-left: 20px;*/
    }

}

/*Cookies consent banner*/
#consent-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem 2rem;
    background-color: #fff;
    transition: opacity 1s ease;
    z-index: 3;    
}

.hidden {
    opacity: 0;
    display: none;
}

/*Charities*/

.charities-card-title {
    min-height:50px;
    line-height:25px;
}
.card-body-text .charities-card-body-text {
    line-height:25px;
    min-height:100px;
    overflow:hidden;
    overflow-wrap:break-word;   
    text-overflow:ellipsis;
    width:100%; 
    padding-top:5px;
    padding-bottom:5px;
}

/*Blog View*/
.blogTitle h2 {
    font-size: 3rem;
    color: var(--primary);
}
.card-text {
   /* max-height:80px;*/
    overflow:hidden;
}
.blogGallery {
    height:500px;
    width:100%;
}
.card-blog {
    width:20rem;
}
.articleText {
    margin-top:15px;
    color:grey;
    font-size: 1rem;  
    line-height:1.5rem;
}

/*Blog Section*/
.whiteframe {
    background-color: white;
    width: 100%;
    height: auto;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    padding:10px;
}

.blogImage {
    height:300px;
    object-fit:cover;
}

.postImage {
    height:100%;
    width:100%;
    object-fit:cover;
}
/*Blog Index Cards*/
 .card-blog .card:hover {
    opacity: 0.7;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    z-index:10;
}
/*Blog Post Edit*/
.blogBoxes {
    width: 100%;
    border:0px;
}
.blogLabels {
    font-weight: bold;
}

/*Banner Post Edit*/
.bannerPostEdit {
    height: 450px;
    background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)), url('/img/andrew-neel-cckf4TsHAuw-unsplash.jpg') center center no-repeat;
    background-size: cover;
}


/*Shared buttons Social media in Vacancy action*/
.share-button img{
   height:30px;
   width:30px;
}
/*vacancy view*/
.center-block {
    text-align:center;
    padding:5px;
}
/*quiz*/
.question {
    font-size: 30px;
    margin-bottom: 10px;
}

.answers {
    margin-bottom: 20px;
    text-align: left;
    display: inline-block;
}

    .answers label {
        display: block;
        margin-bottom: 10px;
    }

.quiz-slide {
    position: absolute;
    width: 100%;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
}

.quiz-active-slide {
    opacity: 1;
    z-index: 2;
}
.quiz-container {
    position: relative;
    height: 200px;
/*    margin-top: 40px;*/
}


@media only screen and (max-width: 992px) {
    .quiz-container {
        height: 300px;
    }
}

@media only screen and (max-width: 500px) {
    .quiz-container {
        height: 350px;
/*        margin-top: 20px;*/
    }

    .question {
        font-size: 22px;
    }

    .quiz-jobs {
        width: 75%;
    }

    .prev-shorter {
        width: max-content;
    }
}

@media only screen and (max-width: 350px) {
    .quiz-container {
        height: 375px;
    }
}@media only screen and (max-width: 290px) {
    .quiz-container {
        height: 500px;
    }
}
.internal-result-logo {
    padding-left: 0px;
    border-bottom: 3px solid #dee2e6;
}
.quiz-jobs {
    width: 30em;
}

#quiz-start-container {
   /* min-width: 100%;*/
}
.quiz-img {
   width:100%;
   object-fit:cover;
}

#start-quiz-card {
    border: none;
    box-shadow: none;
}

#start-quiz-button {
    /*background-color: #0096ff;*/
    color: white;
    border: none;
    box-shadow: none;
    /*width:20%;*/
    align-self:center;
}
@media only screen and (max-width:850px) {
    #start-quiz-button {
       width:60%;
    } 
}

.carousel-item i {
    font-size: inherit;
    color: inherit;
}

.button-swipe-marg {
    margin-bottom: 2em;
}

.quiz-text p {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    letter-spacing: -1px;
    font-size: 1.25rem;
    color: black;
    
}





.gallery-item.hidden {
    visibility: hidden;
}

.gallery-item.show {
    visibility: visible;
}
/*Quiz results photo gallery*/
/*dotted background*/
.event-gallery {
    /*  min-height: 200px;
    background: radial-gradient(circle at center, #102658, 0.25rem, transparent 0);
    background-size: 1rem 1rem;
    background-repeat: round;*/
    padding: 15px;
}
.quiz-gallery-container {
    /*background-color:var(--terciary);   */ 
    position:relative;
}

.short-line-bp {
    width: 24%;
    margin: 0 auto;
}

/*style for link on Lcoaitos*/
.card-header.joblocation-title {
    background-color: grey;
}
.card-header-edited {
    background-color:#102658 !important;
}
/*Benefit section*/
.benefit-section-title {
    padding-top:10px;
}
.joblocation-title {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 1.0rem;
    color: white;
    background-color: grey;
}

h5.card-title.rolesh5 {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    font-size: 2.0rem;
}

.cardbody-roles {
    background: linear-gradient(90deg, rgba(16,38,88,1) 0%, rgba(96,111,241,1) 88%);
}

.card-body.cardbody-roles p {
    color: white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 1.5rem;
}
.long-cards-body {
    background-color:white;
}
p img.cards-mini-icon {
   height:40px;     
}
.container-fluid.benefit {
    background: var(--primary);
    /* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(55,8,53,0.7035189075630253) 67%);*/
}
.card.benefit-card {
    border-radius:20px;
    max-width:20rem;
}
.benefit-card-image {
    height:250px;
    object-fit:cover;
    border-radius:20px;
}
.benefits-card-title {
    letter-spacing:-1px;
    /*text-decoration:underline;*/
    font-family:Verdana;    
}
.benefit-card-text {
    letter-spacing:-1px;
}

@media only screen and (max-width: 600px) {
    .card.benefit-card {
        border-radius: 20px;
        margin-bottom: 10px;
    }
}

.oldlace-frame{
    background-color:oldlace;
}
.blue-frame {
    background-color: #102658;
}
/*Benefit Menu Section*/
.strippe.benefit-menu-strippe {
    margin-bottom:0px;
}
.benefit-menu-title {
    letter-spacing: -1px;
    font-family: Verdana;
    text-decoration: none;
    color: var(--primary);
}
.benefit-menu-title h2{
    color:var(--primary);
    font-family:Verdana;
    letter-spacing:-1px;
    padding-bottom:10px;

}
.menu-image-stopper {
}
.benefit-menu {
    height:100%;
}
.benefit-menu p {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.5rem;
}
/*BucketList*/
.bucketlist-imagevector {
    display:flex;
    justify-content: center;
}
.bucketlist-imagevector img{
   width:100%;
   max-height:1000px;
}
.container.bucketlist-container {
    padding-top:20px;  
    padding-bottom:20px;
}
.container-fluid.bucketlist-containerfluid {
    background:var(--primary);
   /* background: linear-gradient(90deg, rgba(29,41,252,0.958420868347339) 0%, rgba(44,190,245,0.87718837535014) 100%);*/
}

.benefits-bucketlist-text {
    display: flex;
    align-items: center;
    letter-spacing: -1px;
    font-size: 28px;
    height: 100%;
    line-height: 2rem;
    /*background: #f5f5f5;*/
    border-radius: 15px;
    border: 2px var(--primary) solid;
    padding: 10px;
    /*z-index:5;*/
}
 .benefits-bucketlist-text p {
    /* color:var(--primary);*/
    color:white;
    }
.bucketlist-imagecontainer {
height:100%;
width:100%;
margin-left:40px;
}
    .bucketlist-imagecontainer img {
        border-radius: 25px;
        transform: rotate(20deg);
        margin-left: 25px;
    }
@media only screen and (max-width: 600px) {
    .benefits-bucketlist-text {
        display: flex;
        align-items: center;
        letter-spacing: -1px;
        font-size: 20px;
        height: 100%;
        line-height: 2rem;
        /*background: #f5f5f5;*/
        border-radius: 15px;
        border: 2px var(--primary) solid;
        padding: 10px;
        /*z-index:5;*/
    }

    .bucketlist-imagecontainer {
        height: 100%;
        width: 100%;
        margin-left: 0px;
    }

        .bucketlist-imagecontainer img {
            border-radius: 25px;
            transform: rotate(0deg);
            margin-left: 0px;
        }
}

.container-fluid.benefits-workforus {
    background-color: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 100px;
}
@media only screen (max-width:600px) {
    .container-fluid.benefits-workforus {
        background-color: #f5f5f5;
        padding-top: 250px;
        padding-bottom: 250px;
    }
}
.image-benefitswork {
  padding-bottom:50px;
}
@media only screen (max-width:600px) {
    img.img-fluid .image-benefitswork {
        padding-bottom:-50px;
        border:20px solid red;
    }
}
.benefits-textbutton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    font-family: Verdana;
    font-size: 28px;
    font-size: 28px;
    letter-spacing: -1px;
    color: black;
    height: 100%;
    width: 100%;
}

.benefits-textbutton h3{
    font-size:28px;
    font-family: Verdana;
    color:var(--primary);
    letter-spacing:2px;

}
.benefits-textbutton p{
    display:flex;
    font-weight:500;
    justify-content:start;
    /*color:var(--primary);*/
   /* color:gray;*/
    font-size:1rem;
    letter-spacing:-1px;
    line-height: 1.5rem;
}
ol.TermsAndConditions li{
    padding-top:10px;
    font-size:18px;
}
.TermsAndConditions-note {
    font-size:18px;
}

/*Carousel icons Work for us*/
span.carousel-control-next-icon.carousel-next-icon {
    background-image:url(/Icons/right-chevron-svgrepo-com.svg);
}
span.carousel-control-prev-icon.carousel-previous-icon {
    background-image: url(/Icons/arrow-pointing-left-svgrepo-com.svg);
}
.meg-pic img,.al-pic img {
    width:100%;
    object-fit:contain;
    height:180px;
}
.le-pic img{
    height:360px;
    width:100%;
    margin-left:-70px;
    padding:0;
}
.title-WhyWork {
    font-size:2.5rem;
}
.whywork-text {
    letter-spacing: 0.5px;
    font-size: 1.5rem;
}
.marginzero {
    margin:0!important;
    padding:0!important;
}
/*
.accordion-button::after {
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}*/
.accordion-button.ab::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
button.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
/*What We Offer - START*/
text-center, .benefitDescription {
    text-align: center; /*  text horizontally */
    max-width: 600px; /*  maximum width for text wrap */
    margin: 0 auto; /*  element horizontally */
    height: auto;   
    color: black;
    padding-bottom: 50px;
    font-size:1.5rem;
}

containers, .offerParent {
/*    background-color: #FFF8EA;*/
    padding-top: 25px;
    padding-bottom: 25px;
}

row, .imageHolder {
    display: flex;
    justify-content: center;
}

    .imageHolder .col {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

.workImage {
    width: 35%;
    
  
}
@media (max-width: 576px) {
    .workImage {
        width: 15%;
    }
}





col, .offerBenefit {
    display: flex;
    flex-direction: column;
    align-items: center; /* Align items vertically */
    text-align: center; /* Center text */
    
    color: black;
}

.benefitInLine,
.benefitInLineHeader {
    height: auto; /* fixed height */
    padding-top: 5px;
    font-size:1rem;
}
.benefitInLineHeader {
    font-size:1.5rem;
}

container, .buttonParent {
    padding-top: 1rem;
    display: flex;
    justify-content: center;
}
/*What We Offer - END*/
/*Talent Aquisition - START*/
.cardholder {
    border-width: 5px;
    border-style: solid;
    border-color: #0A255A;
    border-radius: 25px;
    padding: 1rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.pictureHolder {
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}

.textHolder {
    padding-top: 2rem;
    padding-bottom: 2rem;
}





#harrietPicture {
    width: 80%;
    max-width: 300px;
    height: auto;
    border-width: 7px;
    border-style: solid;
    border-color: #0A255A;
    border-radius: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#internalName, #internalRole, #internalInformation {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-bottom: 0;
}

#internalName {
    font-size: 35px;
    margin-left: -3px;
}

#internalRole {
    font-size: 20px;
}



#emailLogo, #linkedLogo {
    width: 4%;
    height: auto;
}
@media (max-width: 576px) {
    #emailLogo, #linkedLogo {
        width: 10%;
    }
}


.social-picture-container {
    padding-top: 1rem;
}

.logo-role-container {
    display: flex;
    align-items: center;
}
/* ADD margin-left: -5; on logo picture */
#internalInformation {
    margin-top: 0.2em;
}

#blueprintLogo {
    margin: 0;
    margin-left: -1rem;
    padding: 0;
    width: 7%;
    height: auto;
}
   

/*Talent Aquisition - END*/

.buttonWorkForUS {
    font-size:15px;
    padding:5px;
    height:auto;
}



/*Candidate Zeel - START*/
.emptyspace {
    padding-bottom: 200px;
    border-color: black;
}

.timesheetBenefit {
    margin: 0 auto; /*  element horizontally */

    font-size: 1rem;
    max-width: 65%; /*  maximum width for text wrap */
}
.benefitParent {
    border-width: 5px;
    border-style: solid;
    border-color: #0A255A;
    border-radius: 25px;
    
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.videoHolder {
    border-width: 7.5px;
    border-style: solid;
    border-color: #0A255A;
    border-radius: 32px;
    padding: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.benefitImage {
    max-width: 25%;
}

@media (max-width: 576px) {
    .benefitImage {
        max-width: 15%;
    }
}

.vidbackground {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 0;
}


.buttonRound {
    border-radius: 32px; /* Higher value for rounder corners */
    border-style: solid;
    padding: 10px 20px; /* Adjust padding to fit your design */
    background-color: #0A255A;
    
}
/*Candidate Zeel - END*/

/*Candidate Meet The Team - START*/
.custom-row > * {
    flex-shrink: 1; /* Reset to allow items to shrink */
    width: auto; /* Use Bootstrap's default behavior */
    max-width: 100%; /* Maintain full-width cards on small screens */
    padding-right: 0; /* Reset to avoid additional padding */
    padding-left: 0; /* Reset to avoid additional padding */
    margin-top: 0; /* Reset margin-top */
}
.memberPicture {
   
    padding-top: 2.5rem;
    padding-bottom: 1rem;
    text-align:center;
}

.btnProfile {
    padding: 0px;
    color: white;
    border-radius: 40px;
    font-weight: bold;
    font-size: 1.2rem;
    width: 150px;
    height: 40px;
    background-color: #0a255a;
}
.filterButton {
    background-color: white;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    padding-right:15px;
    text-align: center;
    border-color: transparent;
}
    .filterButton.active {
        border-bottom: 4px solid #0A255A;
        text-decoration: none;
        border-radius:5px;
    }


.employee-picture {
    width:65%;
    height:auto;
}


.memberHolder {
    margin-right: -65px;
    display: none; /* Hidden by default */
    flex-direction: column;
    justify-content: space-between;
}
    .memberHolder img {
        transition: transform 0.5s; 
    }

    .memberHolder:hover img {
        transform: scale(1.1);
    }

/* Show team members that belong to the selected team */
.memberHolder.active {
    display: flex; /* Display flex for active members */
}

    .roleHolder p {
        font-size: 14px; /* Set a reasonable default font size */
        font-weight:bold;
        margin: 0; /* Remove default margins to control spacing */
        color: #333; /* Ensure good readability */
    }
.teams-Select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    color: black;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
}
/* For smaller screens */
@media (max-width: 768px) {
    .roleHolder p {
        font-size: 0.9rem; /* Slightly smaller font size for better fit */
    }
}

@media (max-width: 576px) {
    .roleHolder p {
        font-size: 0.85rem; /* Even smaller on very small screens */
    }
}

@media (max-width: 1107px) {
    .memberHolder {
        margin-right: 0;
    }
}



/* Overlay Background */
.overlay {
    position: fixed; /* Keep the overlay visible during scroll */
    top: 0;
    left: 0;
    width: 100%;
    height: 105vh; /* Cover the full viewport height */
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex; /* Flexbox to center content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    z-index: 1021;
    overflow: auto;
    opacity: 0; /* Start hidden */
    visibility: hidden; /* Hide overlay initially */
    transition: opacity 0.5s ease, visibility 0s linear 0.5s, transform 0.3s ease; /* Smooth transition */
    transform: scale(1.05); /* Slightly scaled for zoom-in effect */
}

    /* When the overlay is visible */
    .overlay.show {
        opacity: 1; /* Fade in */
        visibility: visible; /* Make it visible */
        transform: scale(1); /* Scale to normal */
        transition: opacity 0.5s ease, transform 0.3s ease; /* Smooth transition for opacity and transform */
    }

/* Centered Rectangle */
.overlay-information {
    background-color: white; /* Background color for the centered rectangle */
    width:55%;
    max-height:100%;
    border-radius: 8px;
    border-width: 3px;
    border-style: solid;
    border-color: #0A255A;
    overflow: auto; 
    padding: 20px; 
    position: relative;
}

.contact-hyperlink {
    font-size: 15px;
    color: black;
}
/* Image Container */
.overlay-picture {
    width: 100%; 
    border-radius: 50px;
}
.overlay-text{
    font-size:14.5px;
    color:black;
   font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    
}
#overlayLogo {
    width: 2vh;
    height: auto;
}

.overlay-closeButton {
    float: right;
}

@media (max-width: 1024px) {
    .overlay-information {
        width: 75%;
    }
    .overlay-text {
        font-size: 13px;
        color: black;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }
}
@media (max-width: 768px) {
        .overlay-information {
            width: 95%;
        }

        .overlay-text {
            font-size: 12px;
            color: black;
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        }
    }

@media (max-width: 375px) {
    .contact-hyperlink {
        font-size: 12px;
        color: black;
    }
    #overlayLogo {
        width: 2vh;
        height: auto;
    }


}
@media (max-height: 450px) {
    #overlayLogo {
        width: 4vh;
        height: auto;
    }
    .overlay {
        height: -webkit-fill-available;
    }
    .overlay-information {
        max-height:90%;
    }
}

    /*Candidate Meet The Team - END*/

/*Unsubscribe - Start*/

.container.unsubscribe-container {
   width:35%;
}
.unsubscribe-Title {
    border-bottom: solid #0A255A;
    border-width:thick;
}

.form-Content {
    border-bottom: solid #0A255A;
   
   padding-bottom:35px;
   padding-top:35px;
   margin-bottom:1rem;
}

.unsubscribe-Text{
    font-size:20px;
}

.preForm-Holder {
    border-bottom: solid #0A255A;
}

@media (max-width: 768px) {
    .container.unsubscribe-container {
        width: 65%;
    }
}
@media (max-width: 460px) {
    .container.unsubscribe-container {
        width: 100%;

        font-size: 16px;
    }

    }

    /*Unsubscribe - End*/
/*New Sectors - Start*/
.filterLabelText {
    color: #0A255A;
    font-size:25px;
    padding-bottom:15px;
    font-weight:bold;
}

.sectorFilterButton {
    width: 50%;
    height: 40px;
    border-radius: 12px; /* Softer rounded corners */
    border: 2px solid #0A255A; /* Clean, consistent border */
    padding: 10px; /* Adds space inside the box */
}

.sectorSearchBox {
    width: 100%;
    max-width: 300px;
    margin-bottom: 0;
    height: 40px;
    border-radius: 12px; 
    border: 2px solid #0A255A; 
    padding: 10px; /* Adds space inside the box */
    font-size: 16px; /* Better font size for readability */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle depth */
    transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */
}

    .sectorSearchBox:focus {
        border-color: #007BFF; /* Highlighted border on focus */
        box-shadow: 0 0 6px rgba(0, 123, 255, 0.5); /* Glow effect */
        outline: none; /* Removes default outline */
    }
.sectorTitleHolder {
    color: #0A255A;
    font-size: 25px;
    padding-bottom: 15px;
}

.filterContainer {
    background-color: #0A255A;
    height:100%;
    border-radius: 12px;
    color: white;
    display: flex;
    flex-direction: column;
}
.jobLocationContainer {
    display: flex;
    flex-direction: column; /* Arrange items in a column */
    gap: 10px; /* Adds spacing between items */
    margin-bottom: 15px;
}
.checkboxGroup {
    display: flex;
    align-items: center; /* Align checkbox and label vertically */
    gap: 8px; /* Space between checkbox and label */
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom:15px;
   
}
.sectorFilterLabelText {
    font-size: 14px; /* Optional: adjust font size for better readability */
    font-weight:bold;
}
.customCheckbox {
    /*width: 15px;*/ /* Set specific width */
    height: 15px; /* Set specific height */
    transform: scale(1.5); /* Scale only these checkboxes */
    margin-right: 8px; /* Optional: space between checkbox and label */
}

/* Existing .jobCard styles */
.jobCard {
    width: 100%;
    border-radius: 15px;
    border: 4px solid #0A255A;
    position: relative; /* To position the hover icon relative to this container */
    overflow: hidden;
}
    /* Hover Icon Style */
    .jobCard .hover-icon {
        position: absolute;
        top: 10px; /* Positioning from the top */
        right: 10px; /* Positioning from the right */
        width: 100px; /* Size of the icon */
        height: 100px;
        
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0; /* Initially hidden */
        transition: opacity 0.3s ease; /* Smooth transition for visibility */
    }

    /* Hover Effect: Show the icon on hovering over the card */
    .jobCard:hover .hover-icon {
        opacity: 1; /* Show the icon when the card is hovered */
    }

    /* Style for the image inside the hover icon */
    .jobCard .hover-icon img {
        width: 150px; /* Image size */
        height: 150px; /* Image size */
        object-fit: contain; /* Ensure the image scales correctly */
    }

.jobCardHomePage {
    max-width: 1400px;
    margin-left: 3rem;
    margin-right: 3rem;
}


.job-description {
  display: -webkit-box; /* Enables the flex container as a block */
  -webkit-box-orient: vertical; /* Specifies the box orientation */
  -webkit-line-clamp: 5; /* Limits the text to 6 lines */
  overflow: hidden; /* Ensures clipped content is not visible */
}
h4.white-text {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
}

h1.blue-text ,h2.blue-text, h6.blue-text, h3.blue-text, h5.blue-text, h4.blue-text {
    color: #0A255A;
}
@media (max-width: 768px) {
    .sectorFilterButton {
        width:100%;
    }
  }

@media (min-width: 992px) {
    .col-md-4.filterInput {
        width: 20%;
    }
 }

/*New Sectors - End*/
.pagination-container {
    text-align: center;
    margin-top: 20px;
}

.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .pagination li {
        display: inline;
        margin: 0 5px;
    }

        .pagination li a {
            color: #007bff;
            padding: 8px 12px;
            text-decoration: none;
            border: 1px solid #ddd;
            border-radius: 5px;
        }



       /*Salary Survey - Start*/

.form-salary {
    display: block;
    width: 100%;
    height:50px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #ced4da;
    appearance: none;
    border-radius: 15px;
    
}

.salary-info-container {
    height:auto;
    border-radius: 25px;
    border: 3px solid #0A255A;
}

.salary-info-submit {
    width: 25%;
    height: auto;
   border-radius:15px;
    background-color : #0A255A;
    padding: 10px; /* Adds space inside the box */
    color:white;
   
}

.salary-label {
    font-size: 16px;
    color: #0A255A;
    font-weight:bold;
}

.salary-card-information {
    font-size: 14px;
    color: #0A255A;
}
.salary-card-information-title {
    font-size: 18px;
    color: #0A255A;
    font-weight:bold;
}
.salary-discover-div {
    border-bottom: 3px solid lightgrey;
    padding-bottom: 10px;
    margin-top: auto;
}
.salary-jobcards {
    background: #fff;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.thankyou-featured-item {
    border: 5px solid #0A255A;
    border-radius: 15px;
}

/*Existing Submission Found page - START*/
.card-body-existingsub {
    flex: 1 1 auto;
    padding: 1rem 1rem;
    border: 3px solid #0A255A;
    border-radius: 15px;
}
.download-files-cardbody {
    border: 3px solid #0A255A;
    border-radius: 15px;
}
.survey-year {
    text-decoration: underline;
    text-decoration-color: #0A255A;
    
}