* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: "Source Sans 3", sans-serif;
    letter-spacing: 1.5px;
    font-size: 1.1rem;
}

:root {
    --mainred: #ed1c24;
    --mainblue: #262262;
    --maingreen: #006838;
    --white: rgb(255, 255, 255);
    --white2: rgba(255, 255, 255, 0.8);
    --greybg: rgb(235, 235, 248);
}

html {
    height: 100%;
    scroll-behavior: smooth;
}

.container-fluid {
    padding: 0;
}

.navbar {
    background-color: var(--white2);
}

.navbar a {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--mainblue);
}

ul,
ol,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Alegreya", serif;
}

h1,
h2,
h3 {
    text-transform: uppercase;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
}

body {
    background: white;
    color: var(--mainblue);
}

.d1 ol li {
    font-family: "Alegreya", serif;
    font-weight: 600;
    padding-bottom: 10px;
}

.tptptp {
    background-color: var(--mainred);
}

.tptptp a {
    color: white;
}

.toptop {
    justify-content: space-around;
}

.tophome {
    background: var(--mainblue);
    border-radius: 10px;
}

.tophome a {
    color: bisque;
}

.tophome a:hover {
    color: var(--blue2);
}

.abtus {
    background-image: url('../imgs/best Environment Health Safety Security & Quality company in Nairobi and Thika.jpg');
    background-repeat: round;
    background-position: center;
    width: 100%;
    overflow: hidden;
    color: white;
}

.cntctus {
    background-image: url('../images/Contact Environment Health and Safety Company  in Nairobi.jpg');
    background-repeat: round;
    background-position: center;
    width: 100%;
    overflow: hidden;
    color: white;
}

.bann a {
    color: white;
}

.bann a:hover {
    color: var(--mainred);
}

.vvm img {
    width: 35%;
}

.bann1 {
    position: relative;
}

.contintr {
    position: absolute;
    top: 400px;
    left: 100px;
    color: white;
    font-size: 14rem;
}

.contintr li.str {
    font-size: 3rem;
}

.d2 .btn {
    margin-top: 20px;
    width: 200px;
    font-size: 1.5rem;
}

.safetypdts {
    background-image: url('../images/safety products and services in Nairobi and Thika town.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100vw;
    height: 600px;
}

.asses {
    background-image: url('../images/assesments.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100vw;
    height: 600px;
}

body {
    background-image: url('../raws/BG MAIN.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100vw;
}

.researchpartnerships {
    background-color: white;
}

.footerout {
    background-image: url('../images/INTEL FIRE GROUP OF COMPANIES.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100vw;
    overflow: hidden;
    color: white;
}

.footerout a {
    color: white;
}

.footerout a:hover {
    color: var(--mainred);
}

.lstt {
    background-color: var(--mainred);
    color: white;
}

.lstt a {
    color: var(--mainblue);
}

.lstt a:hover {
    color: white;
}

.btn-blue {
    background-color: var(--mainblue);
}

.btn-red,
.btn-red2 {
    background-color: var(--mainred);
}

.btn-blue,
.btn-red {
    color: white;
    padding: 10px;
    box-shadow: -3px -3px 7px #ffffff73, 3px 3px 5px rgba(94, 104, 121, .288);
}

.btn-blue:hover,
.btn-red:hover {
    background-color: var(--maingreen);
    color: white;
    box-shadow: none;
    scale: 1.02;
}

.btn-blue2,
.btn-red2 {
    color: white;
    padding: 10px;
}

.btn-blue2:hover,
.btn-red2:hover {
    background-color: var(--maingreen);
    color: white;
    box-shadow: none;
    scale: 1.02;
}

.hdgrn {
    color: var(--maingreen);
    font-weight: 600;
}

.hdred {
    color: var(--mainred);
    font-weight: 600;
    position: relative;
}

.hdred:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border: 3px solid green;
    width: 60%;
}

input,
textarea,
select {
    border: none;
    box-shadow: inset -3px -3px 7px #ffffff73, inset 3px 3px 5px rgba(94, 104, 121, .288);
}

option {
    font-size: 0.7rem;
}

.errorWrap {
    padding: 10px;
    margin: 0 0 20px 0;
    background: #fff;
    border-left: 4px solid #dd3d36;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}

.succWrap {
    padding: 10px;
    margin: 0 0 20px 0;
    background: #fff;
    border-left: 4px solid #5cb85c;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}

.ctnserv h3 {
    color: var(--mainred);
    font-weight: 600;
}

.ctnserv i {
    fill: var(--mainred);
}

.conteach {
    margin-top: 120px;
}

.formup {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: -3px -3px 7px #ffffff73, 3px 3px 5px rgba(94, 104, 121, .288);
}

.cnta svg {
    fill: var(--mainred);
    color: var(--mainred);
}

.red,
.green,
.blue {
    color: white;
    padding: 10px;
    text-align: center;
}

.red {
    background-color: var(--mainred);
}

.green {
    background-color: var(--maingreen);
}

.blue {
    background-color: var(--mainblue);
}

.red:hover {
    background-color: var(--mainblue);
}

.green:hover {
    background-color: var(--mainblue);
}

.blue:hover {
    background-color: var(--mainred);
}

.greybg {
    background-color: var(--greybg);
    padding: 20px;
}


@media screen and (max-width: 1280px) {}



@media screen and (max-width: 800px) {}



@media screen and (max-width: 414px) {}