/* site wide settings */

html, body {
width:100%;
overflow-x: hidden;
background-color:#fff;
max-width:1280px;
margin:0 auto !important;
}

* {
box-sizing: border-box;
margin:0;
padding:0;
}

@font-face {
font-family: Comfortaa;
src: url(../font/Comfortaa-VariableFont_wght.ttf);
}

/*
@font-face {
font-family: "Crony";
src: url(../font/Crony.ttf);
}

@font-face {
font-family: "BOREX-Regular";
src: url(../font/BOREX-Regular.otf);
}
*/

div, h1, p, ul, input, select, textarea {
font-family:Comfortaa;
color:#5a6771;
}

/*** site navigation ***/
.navbar {
background-color:#5a6771;
}

.navbar a {
text-decoration:none;
color:#fff;
font-size:16px;
padding-top:12px;
}

/*.navbar a:hover, .navbar a:focus {*/
.navbar a:hover, .navbar a:visited:hover  {
text-decoration:none;
color:#fcb900;
}

.navbar a:focus  {
text-decoration:none;
color:#fff;
}


/*
.dropdown{
padding:12px 10px !important;	
}
*/
/*
.dropdown:hover > .dropdown-menu {
display:block;
}

.dropdown::after {
content: none;
}
*/
/*
.dropdown > .dropdown-toggle:active {
pointer-events: none;
}
*/
/*
.dropdown-menu {
background-color:#5a6771 !important;
}
*/
/*
.dropdown-item {
font-size:14px !important;
border:0 !important;
padding-bottom:10px !important;
}
*/
/*
.dropdown-item:hover {
color:#5a6771 !important;
}

.dropdown-item:active {
background-color:#fff !important;
color:#5a6771 !important;
}
*/

.dropdown-item:hover, 
.dropdown-item:active {
color:#fcb900 !important;
background-color:#5A6771 !important;
/*
color:#5a6771 !important;
background-color:#fff !important;
color:#5a6771 !important;
*/
}

.navbar-brand {
font-size:38px !important;
padding-top:5px !important;
}

.navbar-brand:hover {
color:#fff !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline:none !important;
box-shadow:none !important;
}

.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 197, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.collapse-styling {
font-size:15px !important;
}

/*** navigation media queries ***/

@media (min-width:320px) and (max-width:399px) {.navbar img {width:50px;}.navbar-brand {font-size:34px !important;}}
@media (min-width: 400px) {.navbar img {width:50px;padding-bottom:10px;}}


/*** breadcrumb */
ul.breadcrumb {
padding:0 0;
list-style:none;
}

/* Display list items side by side */
ul.breadcrumb li {
display:inline;
font-size:16px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
padding:8px;
color:#5a6771;
content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
color:#5a6771;
text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
color:#fcb900;
}

@media (min-width:320px) and (max-width:499px) {
ul.breadcrumb li {font-size:12px;}
}


/*** footer ***/

.footer-flex-container {
display:flex;
flex-wrap:wrap;
text-align:left;

/*font-family:comfortaa;*/
font-size:20px;
/*background-color:#333f48;
background-color:#333f48;*/
padding-top:60px;
position:relative;
z-index:0;
}
/*
.footer-logoname {
margin-bottom:-28px;
padding:0 20px;
position:absolute;
right:0;
bottom:0;
z-index:-1;
color:#333f48;
font-size:50px;
font-family:Borex-Regular;
}
*/
.footer-flex-container p {
/*color:#fff;*/
/*color:#333f48;*/
}

.footer-flex-container ul {
list-style-type:none;
margin:0;
padding-top:0;
padding-left:0;
padding-bottom:20px;
/*color:#d0d3d4;*/
/*color:#333f48;*/
}

.footer-flex-container li {
padding-left:0px;
margin-bottom:8px;
font-size:12px;
}

.footer-flex-container a {
/*color:#d0d3d4;*/
color:#5a6771;
text-decoration:none;
}

.footer-flex-container a:hover {
text-decoration:underline;
/*color:#fff;*/
color:#fcb900;
}

/*.footer-flex-container i {
color:#d0d3d4;
font-size:18px;
}*/

/*.footer-flex-container i:hover {
color:#fcb900;
}*/
 
.footer-flex-item-left {
padding:20px;
flex-basis:30%;
flex-grow:1;
flex-shrink:0;
}
 
.footer-flex-item-center {
padding-left:10px;
padding:30px;
flex-basis:25%;
flex-grow:1;
flex-shrink:0;
}
 
.footer-flex-item-right {
padding-left:10px;
padding:30px;
flex-basis:25%;
flex-grow:1;
flex-shrink:0;
}

.footer-flex-item-end {
padding-left:10px;
padding:30px;
flex-basis:20%;
flex-grow:1;
flex-shrink:0;
}

.footer-logo {
font-size:38px;
}

.footer-flex-item-left a {
text-decoration:none;
}

.footer-flex-item-left a:hover {
color:#5a6771;
}

.footer-headings {
display:block;
padding-bottom:10px;
text-transform:uppercase;
font-size:15px;
/*color:#5a6771 !important;*/
font-weight:bold;
}

.footer-headings::after {
font-family:'Font Awesome 5 free';
font-weight:900;
content:'\f054';
font-size:9px;
position:relative;
padding:0 0 0 6px;
top:-2px;
}

.footer-headings:hover {
color:#fcb900 !important;
text-decoration:none !important;
}

.copyright-flex-container {
padding:5px 10px 0px 10px;
/*background-color:#333f48;*/
display:flex;
flex-wrap:wrap;
text-align:left;
font-family:comfortaa;
font-size:10px;
}

.copyright-flex-item-left p {
/*color:#d0d3d4;*/
margin:0;
padding:0;
}
 
.copyright-flex-item-left {
padding:10px;
flex-basis:70%;
flex-grow:1;
flex-shrink:0;
}
/*
.copyright-flex-item-right {
display:flex;
justify-content:center;
align-items:center;
padding:10px;
flex-basis:30%;
flex-grow:1;
flex-shrink:0;
}
*/
.copyright-flex-container a {
/*color:#fff;*/
color:#5a6771;

}

.copyright-flex-container a:hover {
color:#fcb900;
}

.copyright-flex-container i {
color:#5a6771;
/*color:#d0d3d4;*/
font-size:25px;
}

.copyright-flex-container i:hover {
color:#fcb900;
}
 
/*** copyright ***/

.copyright-bottom-container {
display:flex;
flex-wrap:wrap;
text-align:left;
font-family:comfortaa;
font-size:10px;
/*background-color:#2b2b2b;*/
}
 
.copyright-bottom-item-left {
padding:0px;
flex-basis:80%;
flex-grow:1;
flex-shrink:0;
}

.copyright-bottom-item-right {
display:flex;
justify-content:center;
align-items:center;
padding:0px;
flex-basis:20%;
flex-grow:1;
flex-shrink:0;
}

/*** media quries footer and copyright ***/

@media (min-width:320px) and (max-width: 767px) {
.copyright-flex-container {flex-direction:column-reverse;}
.copyright-flex-item-left {text-align:justify;}	
.copyright-flex-item-right {padding-top:20px;}	
}
/*
@media (min-width:320px) and (max-width: 499px) {
.footer-flex-item-left {background-color:red;}
}
*/
@media (min-width:320px) and (max-width: 804px) {
.footer-flex-container{padding-bottom:20px;}
.footer-flex-item-center {padding:20px 20px 0px 20px;}
.footer-flex-item-right, 
.footer-flex-item-end {flex:100%;padding:0 20px;}
}

@media (min-width:320px) and (max-width: 1025px) {
.footer-flex-item-left{flex:100%;padding:20px 10px 0 10px;}
}

/*** image square dot */
.square-dot-left-1, .square-dot-left-2, .square-dot-left-3, .square-dot-right-1, .square-dot-right-2, .square-dot-right-3 {
position:absolute;
/*background:linear-gradient(to bottom left, rgba(87, 164, 77, 0.63), rgba(4, 153, 183, 0.42));*/
top:20px;
height:15px;
width:15px;
background-color:#5a6771;
}

.square-dot-left-1 {
left:15px;
}

.square-dot-left-2 {
left:35px;
}

.square-dot-left-3 {
left:55px;
}

.square-dot-right-1 {
right: 15px;
}

.square-dot-right-2 {
right: 35px;
}

.square-dot-right-3 {
right: 55px;
}

/* */

.position-image {
position: absolute;
bottom: 0px;
right: 0px;
height: 55px;
width: 55px;
background-image:url('../images/logo/spotpush-logo-white.svg');	
}

.herobanner-logo-img {
position: absolute;
bottom: 0px;
right: -200px;
height: 250px;
width: 500px;
background-image:url('../images/logo/spotpush-logo-greygrey.svg');	
background-repeat:no-repeat;
background-size:cover;
}
/*
.footer-logo-img {
position: absolute;
bottom: 0px;
right: -200px;
height: 250px;
width: 500px;
background-image:url('../images/logo/spotpush-logo-darkgrey.svg');	
background-repeat:no-repeat;
background-size:cover;
z-index:-1;
}	
*/

/*** Background logo image */
.background-logo-img {
position:absolute;
/*right:-37px;
bottom:-20px;*/
right:-27px;
bottom:-45px;
}

/*** legal documents ***/

.legal-flex-container {
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
flex-direction:row;
padding:1.5em 1em;
background-color:#eff2f3;
}

.legal-flex-container-item {
flex:0 1 80%;
padding:50px 70px;
background-color:#fff;
border-top:8px solid #323e48; 
border-image:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
border-image-slice:1;
font-size:13px;
}

.legal-flex-container-item a{
text-decoration:none;
color:#323e48;
}

.legal-flex-container-item a:hover {
color:#fcb900;
}

.legal-flex-container-item b{
font-size:17px;
}

/*** legal documents media queries ***/

@media (min-width:320px) and (max-width:765px) {
.legal-flex-container-item {	flex:100%;padding:10px 10px;}
}


/*** Page Not Found 404 ***/
.pagenotfound-flex-container {
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
flex-direction:row;
padding:1.5em 1em;
background-color:#eff2f3;
}

.pagenotfound-flex-container li {
padding:5px;	
}

.pagenotfound-flex-container-item {
flex:0 1 80%;
padding:50px 70px;
background-color:#fff;
border-top:8px solid #323e48; 
border-image:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
border-image-slice:1;
font-size:13px;
}

.pagenotfound-flex-container-item a{
text-decoration:none;
color:inherit;
}

.pagenotfound-flex-container-item a:hover {
color:#fcb900;
}

/*** legal documents media queries ***/

@media (min-width:320px) and (max-width:765px) {
.pagenotfound-flex-container-item {flex:100%;padding:10px 10px;}
}

/*** font awsome ***/


/*** rfp banner ***/
.rfp-banner {
display:flex;
flex-wrap:wrap;
flex-direction:row;
background-color:#059cbd;
color:#fff;
}

.rfp-banner-item-left {
flex:1 0 50%;
padding:40px 20px;
}

.rfp-banner-item-right {
flex:1 0 50%;
padding:40px 20px;
text-align:right;
}

.rfp-links {
font-size:22px;
font-weight:bold;
color:#fff;
}

.rfp-links a {
text-decoration:none;
color:#fff;
}

.rfp-links a:hover {
text-decoration:none;
color:#3D516B;
}

/*** rfp banner media query ***/

@media (min-width:320px) and (max-width:430px) {
.rfp-banner-item-right {flex:100%;text-align:left;}	
.rfp-banner-item-left, .rfp-banner-item-right {padding:20px 20px;}
}

/*** drive stronger performance banner ***/

.driveperformance-container {
display:flex;
flex-direction:row;
flex-wrap:wrap;
padding:0 20px;
background-color:rgb(4, 153, 183);
}

.driveperformance-item-left {
flex:0 1 800px;
padding:55px 10px;
}

.driveperformance-item-header {
font-size:54px;
line-height:55px;
font-weight:bold;
color:#fff;
padding-bottom:30px;
}

.driveperformance-container:hover .whiteorange-button {
background-color: #fff;
color: #fcb900;
font-weight:bold;
}

/*** direct to your inbox banner ***/

.stayinformed-container {
display:flex;
flex-direction:row;
flex-wrap:wrap;
padding:0px;
background-color:#eff2f3;
}

.stayinformed-item-left {
flex:1 0 50%;	
padding:40px 30px;
}

.stayinformed-item-header-left {
font-size:38px;
font-weight:bold;
color:#5a6771;
}

.stayinformed-item-caption-left {
font-size:14px;
padding:10px 0px;
}

.stayinformed-item-right {
flex:1 0 50%;	
padding:45px 0px;
}

.stayinformed-item-header-right {
font-size:18px;
font-weight:bold;
color:#5a6771;
}

.stayinformed-item-caption-right {
font-size:12px;
padding:10px 0px;
}

.stayinformed-item-caption-right a {
text-decoration:none;
color:inherit;
}

.stayinformed-item-caption-right a:hover {
color:#fcb900;
}

#newsletterForm input[type=text] {
padding:16px;
width:70%;
box-sizing:border-box;
color:#323e48;
}

#newsletterForm input[type=submit] {
background-color:#5a6771;
color:white;
font-size:16px;
font-weight:bold;
padding:17px;
border:none;
cursor:pointer;
}

#newsletterForm input[type=submit]:hover {
background-color: #fcb900;
}

.stayinformed-container:hover #newsletterForm input[type=submit] {
background-color: #fcb900;
}


/*****************************************************************/
/************************ FORMS **********************************/
/*****************************************************************/

/**** form layout ****/

/*** form styling */
.form-outer-container{
margin:50px 0 0 0;
padding:30px 20px 100px 20px;
display:grid;
grid-template-columns:1fr 560px;
/*grid-template-columns:repeat(2, minmax(0px, 1fr));*/
grid-auto-rows:auto;
grid-gap:0px;
/*background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-1.jpg);*/
background-repeat:no-repeat;
background-size:cover;
/*background-position:left left;*/
}

.rfq-outer-container {
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}

.rfq-form-container {
margin:20px 0;
padding:30px 20px;
display:grid;
grid-template-columns:1fr;
grid-auto-rows:auto;
}

.form-outer-container-img-about {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-about.jpg);
}

.form-outer-container-img-services {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-services.jpg);
}

.form-outer-container-img-capabilities {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-9.jpg);
}

.form-outer-container-img-projects {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-projects.jpg);
}

/*
.form-outer-container-img-industries {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-industries.jpg);
}
*/

.form-outer-container-img-contact {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-contact.jpg);
}

.form-outer-container-img-ac {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-1.jpg);
}

.form-outer-container-img-pm {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-2.jpg);
}

.form-outer-container-img-dt {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-3.jpg);
}

.form-outer-container-img-ms {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-4.jpg);
}

.form-outer-container-img-cr{
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-5.jpg);
}

.form-outer-container-img-js{
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-6.jpg);
}

.form-outer-container-img-eu {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-energy.jpg);
}

.form-outer-container-img-tel {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-telecoms.jpg);
}

.form-outer-container-img-government {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-government.jpg);
}

.form-outer-container-img-financial {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-financial.jpg);
}

.form-outer-container-img-telecoms {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-telecoms.jpg);
}

.form-outer-container-img-government {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-government.jpg);
}

.form-container-left {

}

.form-container-right {
padding:0 30px;
background-color:rgb(239, 242, 243, 0.9);
}

.rfq-form-item {
padding:0 30px;
background-color:rgb(239, 242, 243, 0.9);
}

.form-border {
border-top:4px solid #323e48; 
border-image:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
border-image-slice:1;
}

.form-container-left-title {
font-size:15px;
font-weight:bold;
padding:20px 0 30px 0px;
color:#fff;
text-transform:uppercase;
position:relative;
}

.form-container-left-title:after {
content:"";
display:block;
width:40px;
height:4px;
background:#fcb900;
left:0;
bottom:5px;
position: absolute;
}

.form-container-left-description {
font-size:14px;
font-weight:bold;
fornt-color:#fcb900;
padding:20px 50px 20px 0px;
color:#fff;
}

.form-container {
/*padding:50px 10px 50px 10px;*/
}

.form-container a {
/*text-decoration:none;*/
color:inherit;
}

.form-container a:hover{
color:#fcb900;
}

.form-container p {
font-size:14px;	
padding:0 0 10px 0;
margin:0;
}

.form-container-row {
display:flex;
flex-direction:row;
flex-wrap:wrap;
}

.form-container-heading {
font-size:16px;
padding:30px 0px 20px 10px;
font-weight:bold;
text-transform:uppercase;
position:relative;
}

.rfp-form-container-heading {
font-size:16px;
padding:30px 0px 20px 10px;
font-weight:bold;
text-transform:uppercase;
position:relative;
}

.rfp-form-container-heading:after {
content:"";
display:block;
width:40px;
height:4px;
background:#fcb900;
left:10;
bottom:5px;
position: absolute;
}

.form-container-row-item {
flex:1 0 75px;
margin:5px;
}

.form-container-row-item-column {
display:flex;
flex-wrap:wrap;
flex-direction:column;
}

.form-container-row-item-column-item {
flex:1 1 100%;
margin:0px;
}

.form-radio-button {
padding-top:20px;
padding-bottom:23px
}

.form-radio-button {
padding-top:20px;
padding-bottom:23px
}

.form-radio-button-lable {
font-size:14px;
padding:0 10px;
}

::placeholder {
padding-left:0px;	
font-size:13px;
}
.select-drop {
font-size:13px;
padding:14px 14px 14px 8px;
}

.custom-file-upload {
border:1px solid #ccc;
display:inline-block;
padding:6px 12px;
cursor:pointer;
margin:20px 5px;
gap:20px;
}

/*** form data entry ***/

input[type=text], textarea, select {
padding:10px;
width:100%;
box-sizing:border-box;
border:0px;
color:#5a6771;
border-radius:6px;
}

input[type=text]:focus {
outline:0;
}

textarea, select {
outline:0;
}

input[type=select]:focus {
/*border:0px;*/
}

input[type=email] {
padding:10px;
width:100%;
box-sizing:border-box;
border:0px;
/*color:#323e48;*/
border-radius:6px;
}

input[type=email]:focus {
outline:0;
}

input[type=file] {
/*padding:10px;
width:100%;
box-sizing:border-box;
border:0px;
margin-bottom:10px;
border-radius:6px;*/
display:none;
}

input[type=tel] {
padding:10px;
width:100%;
box-sizing:border-box;
border:0px;
/*color:#323e48;*/
border-radius:6px;
}

input[type=tel]:focus {
outline:0;
}

input[type=submit] {
background-color: #fcb900;
color:#fff;
font-weight:bold;
padding:16px 20px;
margin:8px 0;
border:0;
cursor:pointer;
}

input[type=submit]:hover {
background-color: #5a6771;
outline:0;
}

input[type=submitG] {
font-size:12px;
text-align:center;
background-color:#5a6771;
color:#fff;
font-weight:bold;
padding:16px 0px;
margin:0;
border:0;
cursor:pointer;
}

input[type=submitG]:hover {
background-color: #fcb900;
outline:0;
}

input[type='radio']:after {
width:15px;
height:15px;
border-radius:15px;
top:-2px;
left:-1px;
position:relative;
background-color:#fff;
content:'';
display:inline-block;
visibility:visible;
border:0px;
}

input[type='radio']:checked:after {
width:15px;
height:15px;
border-radius:15px;
top:-2px;
left:-1px;
position:relative;
background-color:#323e48;
content:'';
display:inline-block;
visibility:visible;
border:0px;
}

/*** form media queries ***/

@media (min-width:320px) and (max-width:499px) {
.form-container {padding:20px 10px;}	
.form-container-row-item {flex:100%;margin:5px;}
.form-container-right {padding:0 0;}
}


@media (min-width:320px) and (max-width:920px) {
.form-outer-container{grid-template-columns:1fr;}
}


/*** RFQ Form */

/*** G-Cloud DOS-6 Frameworks */
.gov-framework-container {
display:grid;
grid-template-columns:450px 1fr 1fr;
grid-auto-rows:auto;
padding:100px 0 100px 50px;
}

.gov-framework-item {
padding-right:50px;
}

.gov-framework-item-img {
display:flex;
align-items:center;
justify-content:right;
}

.gov-framework-item-title {
font-size:26px;
font-weight:bold;
padding-bottom:20px;
}

.gov-framework-item-description {
font-size:16px;
padding-bottom:20px;
}

.gov-framework-container a {
text-decoration:none;
color:#fcb900;
}

.gov-framework-container a:hover {
color:#fcb900;
}

/*** sitemap */
.sitemap-container {
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
flex-direction:row;
padding:1.5em 1em;
background-color:#eff2f3;	
}

.sitemap-item {
flex:0 1 80%;
padding:50px 70px;
background-color:#fff;
border-top:8px solid #323e48; 
border-image:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
border-image-slice:1;
font-size:13px;
}

.sitemap-header {
font-weight:bold;
padding-bottom:10px;
font-size:30px;
}

.sitemap-container a {
color:#5a6771;
text-decoration:none;	
}

.sitemap-container a:hover {
color:#fcb900;
}

/****************************************************************** ***********************/
/****************************************************************** Projects Page *********/
/****************************************************************** ***********************/

.projects-container {
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
grid-auto-rows:350px;
grid-gap:10px;
padding:20px;
margin:50px 0;
}

.projects-item {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:30px;
background-repeat:no-repeat;
background-position:center right;
background-size:cover;
}

.projects-item-img-1 {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/projects/social-mobility.jpg);
}

.projects-item-img-1:hover {
background-image:linear-gradient(rgba(90, 103, 113, 0.0), rgba(90, 103, 113, 0.0)), url(../images/projects/social-mobility.jpg);
}

.projects-item-img-2 {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/projects/Power-BI.png);
}

.projects-item-img-2:hover {
background-image:linear-gradient(rgba(90, 103, 113, 0.0), rgba(90, 103, 113, 0.0)), url(../images/projects/Power-BI.png);
}

.projects-item-img-3 {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-1.jpg);
}

.projects-item-img-3:hover {
background-image:linear-gradient(rgba(90, 103, 113, 0.0), rgba(90, 103, 113, 0.0)), url(../images/form/form-1.jpg);
}

.projects-item-img-4 {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-1.jpg);
}

.projects-item-img-4:hover {
background-image:linear-gradient(rgba(90, 103, 113, 0.0), rgba(90, 103, 113, 0.0)), url(../images/form/form-1.jpg);
}

.projects-item-img-5 {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-1.jpg);
}

.projects-item-img-5:hover {
background-image:linear-gradient(rgba(90, 103, 113, 0.0), rgba(90, 103, 113, 0.0)), url(../images/form/form-1.jpg);
}

.projects-item-img-6 {
background-image:linear-gradient(rgba(90, 103, 113, 0.6), rgba(90, 103, 113, 0.6)), url(../images/form/form-1.jpg);
}

.projects-item-img-6:hover {
background-image:linear-gradient(rgba(90, 103, 113, 0.0), rgba(90, 103, 113, 0.0)), url(../images/form/form-1.jpg);
}

.projects-item-title {
color:#fff;
font-size:20px;
}

/*** projects media queries */
@media (min-width:320px) and (max-width:630px) {
.projects-container {grid-template-columns:repeat(1, minmax(0, 1fr));}
}

@media (min-width:631px) and (max-width:950px) {
.projects-container {grid-template-columns:repeat(2, minmax(0, 1fr));}
}

/*** link banner */
.link-banner-container {
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
grid-auto-rows:75px;
background-color:#5a6771;
}

.link-banner-item {
display:flex;
flex-directon:column;
align-items:center;
justify-content:center;
}

.link-banner-title {
font-size:14px;
font-weight:bold;
color:#fff;	
text-transform:uppercase;
}

.link-banner-title a {
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;	
}

.link-banner-title a:hover {
color:#fcb900;
}

.link-banner-title a::after {
font-family:'Font Awesome 5 free';
font-weight:900;
content:'\f054';
font-size:9px;
position:relative;
padding:0 0 0 6px;
top:-2px;
color:#fcb900;
}

/*** link banner media queries */
@media (min-width:320px) and (max-width:499px) {
.link-banner-title a {font-size:10px;}
.link-banner-item {align-items:left;justify-content:left;}
}

@media (min-width:320px) and (max-width:920px) {
.link-banner-container {grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-rows:auto auto;padding:20px;}
/*.link-banner-item {align-items:left;justify-content:left;}*/
}

/*** sector expertise banner */
/*
.sector-banner-container {
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
grid-auto-rows:auto auto;
padding:36px;
gap:15px;
}

.sector-banner-item {
display:flex;
flex-directon:column;
flex-wrap:wrap;
padding:30px 20px;
border:1px solid grey;
}

.sector-banner-item-row1 {
flex:100%;
background-color:red;
}

.sector-banner-title {
font-size:18px;
font-weight:bold;
text-transform:uppercase;
background-color:yellow;
}

.sector-banner-description {
font-size:14px;
font-weight:bold;
color:#fff;	
color:#5a6771;
}

.row-outer-container {
	display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
}

.row-container {
	display: flex;
  width: 100%;
	background-color:red;
	padding:10px;
}

.row-1 {
	flex: 1;
  padding: 16px;
	background-color:aqua;
}

.row-2 {
	flex:1;
	background-color:grey;
	padding:10px;
	
}*/

.sector-banner-grid-container {
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
grid-auto-rows:auto auto;
/*padding:36px;*/
margin:0 20px;
gap:25px;
}

.sector-banner-grid-container-3 {
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
grid-auto-rows:auto;
margin:0 20px;
gap:25px;
}

.sector-banner-grid-item {
/*flex:1;*/
padding:16px;
background-color:#5a6771;
border:1px solid #5a6771;
position:relative;
}

.sector-banner-grid-item:after {
position:absolute;
width:60px;
height:40px;
content:"";
right:-6px;
top:-6px;
border-right:5px solid #fcb900;
border-top:5px solid #fcb900;	
}

.sector-banner-container {
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
gap:10px;
padding:30px 10px;
background-color:#eff2f3;
}

.sector-banner-item {
flex:1;
padding: 16px;
background-color:#fff;
box-shadow:3px 3px rgb(0 0 0 / 0.1);
position:relative;
}

.sector-banner-item:hover {
background-color:#333f48;
transition:all 0.4s ease-in-out;
}

.sector-banner-item:hover .sector-banner-title {
color:#fff;
transition:all 0.4s ease-in-out;
}

.sector-banner-item:hover .sector-banner-description {
color:#fff;
transition:all 0.4s ease-in-out;
}

.sector-banner-item ol, .sector-banner-item ul {
padding-left:15px;	
}

.sector-banner-item:hover li {
color:#fff;
transition:all 0.4s ease-in-out;
}

.sector-banner-title {
font-size:18px;
font-weight:bold;
padding:20px 0;
/*color:#5a6771;*/
color:#fff;
}

.sector-banner-description {
font-size:12px;
padding:0 0 40px 0;
color:#fff;
}

.sector-banner-container a {
font-size:12px;
text-decoration:none;
color:#fcb900;	
position:absolute;
bottom:10px;
}

.sector-banner-container a:hover {
color:#fcb900;	
}

.sector-banner-container a::after {
font-family:'Font Awesome 5 free';
font-weight:900;
content:'\f054';
font-size:7px;
position:relative;
padding:0 0 0 6px;
top:-1px;
}

/*
.sector-banner-title a {
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;	
}

.sector-banner-title a:hover {
color:#fcb900;
}
*/
/*
.sector-banner-title a::after {
font-family:'Font Awesome 5 free';
font-weight:900;
content:'\f054';
font-size:9px;
position:relative;
padding:0 0 0 6px;
top:-2px;
color:#fcb900;
}
*/
/*** sector expertise banner media queries */
@media (min-width:320px) and (max-width:499px) {
/*.sector-banner-container {padding:0 20px;gap:0px;margin:0 0;}
.sector-banner-item {border-bottom:none;}
.mobile-border-bottom {border-bottom:1px solid #5a6771;}*/
}

@media (min-width:320px) and (max-width:750px) {
.sector-banner-container {padding:10px;}
.sector-banner-item {flex:100%;}

}

/*** contact us banner */
.contactus-banner-container {
display:grid;
background-color:#5a6771;
padding:55px;
}

.contactus-banner-item {
display:flex;
flex-direction:column;
flex-wrap:wrap;
}

.contactus-banner-title {
font-size:32px;
/*font-weight:bold;*/
color:#fcb900;
text-align:center;
}

.contactus-banner-caption {
font-size:15px;
color:#fff;
padding:20px 0;
text-align:center;
}

.contactus-banner-icon {
text-align:center;
}


/* Frameworks
_______________________________________*/

.framework-container {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
grid-auto-rows:auto;
}

.framework-item-left {
	
}

.framework-item-left-container {
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
grid-auto-rows:auto auto auto;
gap:10px;
margin:20px 0;
}

.framework-item-left-container-item {
padding:20px;
background-color:red;	
}


.framework-item-right {
	display:flex;
	align-items:center;
	justify-content:center;
}

.framework-item-title {
	
}

.framework-item-name {
	
}



/* Pricing Banner 2 
---------------------------------------------*/

.pricing-banner-2-container {
display:grid;
grid-template-columns:1fr 1fr;
grid-auto-rows:auto;
background-color:#5a6771;
padding:0 50px;
}

.pricing-banner-2-item {
padding:100px 0px;
}

.pricing-banner-2-item-title {
font-size:52px;
color:#fff;
font-weight:bold;
line-height:64px;
padding-right:30px;
}

.pricing-banner-2-item-description {
font-size:22px;
padding:15px 0;
color:#d0d3d4;
font-weight:bold;
}

.contact-sales-button {
padding:50px 0;
}

.pricing-banner-2-item-list {
font-size:16px;
color:#fff;
}

/* Pricing Banner 2 - Media Queries
---------------------------------------------*/

@media (min-width:320px) and (max-width:499px) {
.pricing-banner-2-container {padding:50px 20px;}
.pricing-banner-2-item-title {font-size:40px;line-height:normal;}
.pricing-banner-2-item-description {font-size:18px;padding:25px 0;}
.contact-sales-button {text-align:center;}
}

@media (min-width:498px) and (max-width:535px) {
.pricing-banner-2-item-title{font-size:42px;}
}

@media (min-width:500px) and (max-width:1069px) {
.pricing-banner-2-container{padding:50px 50px;}
}

@media (min-width:320px) and (max-width:1069px) {
.pricing-banner-2-container{grid-template-columns:1fr;}
.pricing-banner-2-item{padding:0px 0px;margin:0px;}
.contact-sales-button{padding:20px 0;}
}