﻿

.webp .mh {background-image: linear-gradient(to bottom right,#00000070,#000f38cc), url("/Uploaded/Image/mastheads/Bespoke-Training-Laptop.webp");}
.no-webp .mh {background-image:linear-gradient(to bottom right,#00000070,#000f38cc), url("/Uploaded/Image/mastheads/Bespoke-Training-Laptop.jpg");}
@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#00000055,#000f38cc), url("/Uploaded/Image/mastheads/mobile/450_Bespoke-Training-Laptop.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#00000055,#000f38cc), url("/Uploaded/Image/mastheads/mobile/450_Bespoke-Training-Laptop.jpg");}
}
.sub-menu.sticky {
    margin-bottom: 0 !important;
}
/*----------------- Breadcrumb Start------------------*/

/* Style the list */


#regWhite .fa-solid {
font-weight: 500;
}

#breadcrumb .svg-inline--fa {
display:none;
}

/* #breadcrumb {
margin-bottom: -25px;
} */

ul.breadcrumbNav {
  padding: 10px 16px;
  list-style: none;
color: #ff6319;
font-weight: 700;
font-size: 1em;
margin-left: -25px;
padding-left: 0px;
}

/* Display list items side by side */
ul.breadcrumbNav li {
  display: inline;
margin-left: -8px
}

/* Add a slash symbol (/) before/behind each list item */


#breadcrumb ul.breadcrumbNav li+li:before {
display: inline;
    padding: 5px;
    color: #565656;
    content: "/\00a0";
}


/* Add a color to all links inside the list */
svg.home {
filter: invert(57%) sepia(58%) saturate(5171%) hue-rotate(347deg) brightness(101%) contrast(105%);
}
svg.home:hover {
filter: invert(29%) sepia(53%) saturate(717%) hue-rotate(173deg) brightness(91%) contrast(103%);
}


/* Add a color on mouse-over */
#breadcrumb ul.breadcrumbNav li a:hover {
  color: #1d4f91;
font-weight: 700;
  text-decoration: underline;
}

#breadcrumb ul.breadcrumbNav li a{
color: #ff6319;
font-weight: 700;
text-decoration: none;
}

/*----------------- Breadcrumb End ------------------*/

.quotee-name{ font-size: 1.2em; font-weight: bold; margin: 0; color: #1d4f91; }
.quotee-company{text-transform: uppercase; font-weight: bold; margin: 0 0 10px;}

.company-quote .card-body {text-align:center;}
.company-quote .card-body img {padding: 10px;}

#regGrey {background: #eee;}

.logo-grid {grid-gap: 80px; margin-top: 40px;}
/*---------------------- FORM START  ------------------------------- */

.FormR {width: 95%; float:right; background-color: transparent; padding: 2%;padding-top:0px;}

#ssform {padding: 14px;}

input[type=button], input[type=text], input[type=password], input[type=email] {

    -webkit-appearance: none;
    box-shadow: 0 0 3px #617fbb;
    border: 1px solid #415595!important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 1.1em!important;
    margin-bottom: 1%!important;
    margin-right: 1%;
    width: 97%!important;
    float: left;
    padding: 5px;
    border-radius: 3px 3px 3px 3px;
	}

input[type=submit] {
    cursor: pointer;
    -webkit-appearance: none;
    background-color: #ff6319;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    border: 0;
    text-align: center;
    font-family: 'Ubuntu';
    font-weight: lighter;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 5px 5px 5px 5px;
}

.regSubscribe {background-color: transparent!important;}

input[type=textarea] { font-family: 'Ubuntu';
    font-weight: lighter;
    color: #fff;
    font-size: 1.5em; }

#regBlue  textarea {

font-family: 'Ubuntu';
font-weight: 300;
-webkit-appearance: none;
box-shadow: 0 0 3px #617fbb;
border: 1px solid #415595!important;
-moz-border-radius: 0;
-webkit-border-radius: 0;
font-size: 1.1em !important;
margin-bottom: 1% !important;
margin-right: 1%;
width: 97% !important;
float: left;
padding: 5px;
border-radius: 3px 3px 3px 3px;
}

/*---------------------- FORM END  ------------------------------- */

@media (max-width: 700px){
.logo-grid {grid-gap: 10px;}
}
