﻿
.safty-all {
    background-color: white;
    margin-bottom: 25px;
}
.safty-card {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
   
}

.safety_top {
    background-image: url(../../Images/stay_safe/1000.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    position: relative;
    z-index: 1;
    min-height: 75vh;
    min-width: 100%;
    color: #000;
    position: relative;
}

    .safety_top::after {
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        /* background: #c7c7c7;*/
        position: absolute;
        /*opacity: .8;*/
        z-index: -1
    }
.safety_title_text {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    bottom: 20px;
    text-align: center;
}
.safety_title_text h3{
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
}
.safety_title_text p{
    font-size: 15px;
}
.saftey_card_title {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
    .saftey_card_title img{
        width: 140px;
        height: 100px;
    }
    .saftey_card_title h5 {
        padding-bottom: 5px;
        color: #5a5a5a;
        font-size: 25px;
        text-transform: capitalize;
        text-transform: capitalize;
        margin-bottom: 20px;
        border-bottom: 2px solid #1B8331;
    }
    .safety_card_body {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        padding-bottom: 15px;
    }
.safety_card_body .card_item{
    width: 33%;
    padding: 35px 20px;
    font-size: 12px;
}
    .safety_card_body .card_item h6 {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 15px;
        text-transform: capitalize;
    }
    .safety_card_body .card_item p {
        text-align: justify;
        line-height: 22px;
        font-size: 15px;
        letter-spacing: 0;
    }
    #safety_one {
        background: #D7EEF7;
    }
        #safety_one h6, #safety_one p {
            color: #16136A !important;
        }
        #safety_two {
            background: #0098D8;
        }
#safety_two h6, #safety_two p {
    color: #fff !important;
}
#safety_three {
    background: #8304CF;
}
#safety_three h6, #safety_three p {
    color: #fff !important;
}
#safety_four {
    background: #D9113C;
}
#safety_four h6, #safety_four p {
    color: #fff !important;
}

#safety_five {
    background: #00C7E2;
}

    #safety_five h6, #safety_five p {
        color: #fff !important;
    }
#safety_six {
    background: #8304CF;
}

    #safety_six h6, #safety_six p {
        color: #fff !important;
    }
#safety_seven {
    background: #0098D8;
}

    #safety_seven h6, #safety_seven p {
        color: #fff !important;
    }
#safety_eight {
    background: #D7EEF7;
}

    #safety_eight h6, #safety_eight p {
        color: #16136A !important;
    }


#safety_9 {
    background: #D7EEF7;
}

    #safety_9 h6, #safety_9 p {
        color: #16136A !important;
    }

#safety_10 {
    background: #0098D8;
}

    #safety_10 h6, #safety_10 p {
        color: #fff !important;
    }

#safety_11 {
    background: #8304CF;
}

    #safety_11 h6, #safety_11 p {
        color: #fff !important;
    }

#safety_12 {
    background: #D9113C;
}

    #safety_12 h6, #safety_12 p {
        color: #fff !important;
    }

#safety_13 {
    background: #D9113C;
}

    #safety_13 h6, #safety_13 p {
        color: #fff !important;
    }

#safety_14 {
    background: #8304CF;
}

    #safety_14 h6, #safety_14 p {
        color: #fff !important;
    }

#safety_15 {
    background: #0098D8;
}

    #safety_15 h6, #safety_15 p {
        color: #fff !important;
    }

#safety_16 {
    background: #D7EEF7;
}

    #safety_16 h6, #safety_16 p {
        color: #16136A !important;
    }

.get_in_touch {
    padding: 30px 0px;
    margin-top: 50px;
    background: #373373;
    color: #e0e0e0;
}
.touch_icon_body{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.get_in_touch h4{
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 22px;
}
.touch_icon h6 {
    font-weight: 300;
    font-size: 14px;
    display:flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
}
    .touch_icon h6 i {
        color: seagreen;
        font-size: 22px;
        margin-right: 5px;
    }
.get_in_touch p, .touch_icon p {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 14px;
}
.touch_icon{
    margin: 5px 10px;
    border: 1px solid #7e7e7e;
    border-radius: 5px;
    padding: 5px 20px;
}