.webp .mh {background-image: linear-gradient(to bottom right,#00000033,#000000aa), url("/uploaded/Image/mastheads/Solid-Solutions-Welcomes-Majenta.webp");}
.no-webp .mh {background-image:linear-gradient(to bottom right,#00000033,#000000aa), url("/uploaded/Image/mastheads/Solid-Solutions-Welcomes-Majenta.jpg");}

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#00000033,#000000aa), url("/uploaded/Image/mastheads/mobile/450_Solid-Solutions-Welcomes-Majenta.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#00000033,#000000aa), url("/uploaded/Image/mastheads/mobile/450_Solid-Solutions-Welcomes-Majenta.jpg");}
}
html {scroll-behavior: smooth;}

@media (max-width: 1000px) {
.desktop-only {display: none;}
}

@media (max-width: 400px) {
.card-heading {
    height: 70px;
}
}


/*============ regGrey CSS Start ============*/

.clean-image {padding:20px; display: flex; align-items: center;}
@media (max-width: 700px) {
.clean-image{order: -1;}
}


#regGrey .card-span.highlight {background: linear-gradient(90deg, transparent, #1d4f91cc, transparent);}
.highlight .card-body {text-align: center;}

#regGrey .section-title {background-color: #ffffff09; box-shadow: 0 5px 14px -5px #000000; height: unset; padding: 10px;}
#regGrey .card-col-container {column-gap: 40px; margin-top: 60px;}

@media (max-width: 700px) {
#regGrey .card-col-container {column-gap: 0px;}
}




.team-quote {
    display: flex;
    flex-direction: column;
    color: #f9f9f9;
}

#regGrey a {color: #00aad6 !important}

.team-member img { border: 2px solid #dadada; border-radius: 8px; width: calc(100% - 4px);}
.team-member-name{ font-size: 1.2em; font-weight: bold; margin: 0;}
.team-member-title{text-transform: uppercase; color: #1d4f91; font-weight: bold; margin: 0;}

@media (max-width: 1000px) {
.team-member {display:none}
}

@media (max-width: 700px) {
.team-quote {text-align: center; margin-bottom: 60px;}
.team-member-description { order: -1;}

}

div#regGrey {
    background: #262626;
}

#regGrey .card-subtitle {  color: white;}

#regGrey h3.section-title {
    background: transparent!important;
}
#regGrey .card-span {
    color: white;
    background: none;
    border: none;
    box-shadow: none;
}


div#narrow {
    width: 80%;
    margin: auto;
}


/*============ regGrey CSS End ============*/


/*---------------------- 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], select {

    -webkit-appearance: none;
    box-shadow: 0 0 3px #5cd053;
    border: 1px solid #28921f!important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 1.1em!important;
    margin-bottom: 1%!important;
    margin-right: 1%;
    width: 98%!important;
    float: left;
    padding: 5px;
    border-radius: 3px 3px 3px 3px;
	}

select { width: 100% !important; }

input[type=submit] {
    cursor: pointer;
    -webkit-appearance: none;
    background-color: #85b358;
    -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;
       text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 5px 5px 5px 5px;
}

.regSubscribe {background-color: transparent!important;}


/*---------------------- FORM END  ------------------------------- */