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

}

html{
scroll-behavior:smooth;
}

a{
    text-decoration: none !important;
}


/*header top css*/
.header{
    background-color: rgba(7, 121, 238);
padding-top: 6px;
padding-bottom: 6px;
}

.top_bar_main_div{
    display: flex;
    float: right;
}

.top_bar_num a{
    margin: 7px;
    color: #FFD966;
    font-weight: 500;
    letter-spacing: .4px;
}
.top_bar_socila_icon{
    margin-left: 10px;
}

.top_bar_socila_icon a{
    margin: 7px 10px 0px 0px;
        font-weight: 500;
    letter-spacing: .4px;
    color: white;
}


/*header top css*/


/*navbar css*/


.navbar{
    background-color: white !important;
    border:none;
}

.navbar{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.img_brand{
    height: 100px;
}

 .navbar .navbar-nav > li > a{
     font-size: 13px;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    color: #3C3C3E !important;
    transition: .3s; 
    font-weight: 500;
  margin:5px;
  transition: .3s ease-in-out;
  box-shadow: 0px 0px 40px 2px rgba(211, 211, 211,.2);
  display: block;
  border-radius: 3px;
 }


 .navbar .navbar-nav > li > a:hover{
         font-size: 13px;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    color: darkred !important;
    transition: .3s; 
    font-weight: 500;
  margin:5px;
  transition: .3s ease-in-out;
 }
 }






.scrolled .img-brand{
    height: 65px;
    max-width: 100%;
    font-weight: normal;
}


 .scrolled{
     background-color:white; 
       transition: .4s;
 }

 .scrolled.navbar{
    position: fixed;
    top: 0;
    background-color: white !important;
    transition: 1s;
-webkit-box-shadow: 0 10px 6px -6px lightgray;
       -moz-box-shadow: 0 10px 6px -6px lightgray;
            box-shadow: 0 10px 6px -6px lightgray;
 }

 .scrolled .navbar .navbar-nav > li > a{
     font-size: 15px;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    color: #3C3C3E !important;
    transition: .3s; 
    font-weight: 500;
  margin:0px 8px 8px 0px;

 }


 
  .scrolled .navbar .navbar-nav > li > a:hover{
       font-size: 15px;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    color: #3C3C3E !important;
    transition: .3s; 
    font-weight: 500;
  margin:0px 8px 8px 0px;
 }




.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    background-color:white !important;
    animation: fadeInDown 1s linear forwards;
}



/*navbar css*/

/*video css*/

.video-sec{
 width: 100%;
        }



/*video css*/


/**/
.philosophy_sec{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #F8F9FA;
}

.philosophy_left_txt{
    float: ;
    border-left: 0px solid #FFD966;
    border-right: 4px solid #FFD966;

}

.philosophy_left_txt h2{
    font-size: 27px;
    color: black;
    float: ;
    text-align: right;
    margin-top: 40px;
    margin-bottom: 30px;
    padding-right: 10px;
}

.philosophy_txt h4{
    color:#FFD966; 
}

.philosophy_txt p{
    text-align: justify;
    letter-spacing: .4px;
    line-height: 26px;
    word-spacing: .4px;
}

/**/

/**/

.mission_sec{
    
    background-image: url(../img/mission-bg2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment:;
}

.mission_ovr_bg{
    background-color: rgba(0,0,0,.5);
    padding-top: 20px;
    padding-bottom: 40px;
}

.mission_head_ti h3{
    color: white;
    padding-bottom: 20px;
    padding-top: 10px;
    font-size: 20px;
}

.mission_m_div{
    text-align: center;
    margin: auto;
    background-color: #FFD966;
    padding-bottom: 40px;
    padding-top: 30px;
    border-radius: 3px;
    transition: .4s;
        box-shadow: 0px 0px 10px 1px white;
 
}

.mission_m_div:hover{
    text-align: center;
    margin: auto;
    background-color: #FFD966;
    padding-bottom: 40px;
    padding-top: 30px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 3px white;
        transition: .4s;

}


.mission_m_div img{
    height: 90px;
    width: 90px;
    object-fit:contain;
    background-color:white;
    height: 100px;
    width: 100px;
    border-radius: 50px; 
    padding: 3px;
    margin-bottom: 10px;
}


.mission_m_div p b{
    color: rgba(0,0,0,.6);
    letter-spacing: .5px;
}

.mission_m_div p{
    padding-left: 4px;
    padding-right: 4px;
    letter-spacing: .5px;
    line-height: 25px;
    color: rgba(0,0,0,.7);
}

.mission_leran_btn{
    float: right;
    padding-right: 20px;
    margin-bottom: 20px;
}

.mission_leran_btn a{
    background-color: white;
    padding: 6px;
 border-radius: 4px;
 color: black;
}
/**/




/**/
.approch_section{
    padding-top: 30px;
    padding-bottom: 30px;
}
.approch_left_txt{
    float: ;
    border-left: 0px solid #FF6E69;
    border-right: 4px solid #FF6E69;

}

.approch_left_txt h2{
    font-size: 27px;
    color: #FF6E69;
    float: ;
    text-align: right;
    margin-top: 45px;
    margin-bottom: 30px;
    padding-right: 10px;
}

.approch_txt{
    margin-top: 42px;
}

.approch_txt p{
    text-align: right;
    letter-spacing: .4px;
    line-height: 26px;
}

.approch_txt b{
    color: darkred;
}

/**/


/**/
.safty_section{
    background-image: url(../img/saftybg-img2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.safty_ovr_bg{
    background-color: rgba(0,0,0,.6);
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.safty_img_box{
    text-align: center;
    margin: auto;
}

.safty_main_div_img{
    position: relative;
    width: 100%;
    overflow: ;
}

/**/

.safty_overlay_img_first{
    position: absolute;
    top: 0;
    left: 0;


}


.overlay_img_box_first img{
    border-radius: 100%;
    height: 200px;
    width: 200px;
    
    object-fit: cover;
    border:3px solid white;
    animation: ovrfirst1 7s ease-in-out infinite;
}

@keyframes ovrfirst1{
0% {transform: scale(.9);}
  50% {transform: scale(.7);}
  100% { transform: scale(.9); }
}


@keyframes ovrfirst1{
0% {opacity:0} 
  50% {opacity: 1}
  100% {opacity: 0}

}

/**/

/**/

.safty_overlay_img_first2{
    position: absolute;
    top: 0;
    left: 0;


}


.overlay_img_box_first2 img{
    border-radius: 100%;
    height: 200px;
    width: 200px;
    
    object-fit: cover;
    border:3px solid white;
    animation: ovrfirst1ss 7s ease-in-out infinite;
}

@keyframes ovrfirst1ss{
0% {transform: scale(.9);}
  50% {transform: scale(.7);}
  100% { transform: scale(.9); }
}


@keyframes ovrfirst1ss{
0% {opacity: 1} 
  50% {opacity: 0}
  100% {opacity: 1}

}

/**/



/**/
.safty_overlay_img_second{
    position: absolute;
    bottom: 0;
    right:0;


}


.overlay_img_box_second img{
    border-radius: 100%;
    height: 200px;
    width: 200px;
        animation: ovrfirst2 5s ease-in-out infinite;

    object-fit: cover;
    border:3px solid white;
}



@keyframes ovrfirst2{
0% {opacity: 0; transform: scale(.7);} 
  50% {opacity: 1; transform: scale(.8);}
  100% {opacity: 0; transform: scale(.7);}

}

/**/


/**/
.safty_overlay_img_second2{
    position: absolute;
    bottom: 0;
    right:0;


}


.overlay_img_box_second2 img{
    border-radius: 100%;
    height: 200px;
    width: 200px;
        animation: ovrfirst2ss 5s ease-in-out infinite;

    object-fit: cover;
    border:3px solid white;
}



@keyframes ovrfirst2ss{
0% {opacity: 1; transform: scale(.7);} 
  50% {opacity: 0; transform: scale(.8);}
  100% {opacity: 1; transform: scale(.7);}

}

/**/

.safty_main_img_rd{
    border-radius: 100%;
    width: 400px;
    height: 400px;
    object-fit: cover;
    box-shadow: 0px 0px 10px 2px white;

}

.safty_right_side_txt{
    margin-top: 30px;
}

.safty_right_side_txt p b{
    color: lightgray;
    font-size: 28px;
    letter-spacing: .3px;
    -web-kit-text-shadow: 0px 10px 10px 2px white;
}

.safty_right_side_txt strong{
    color: gold;
    letter-spacing: .4px;
}

.safty_right_side_txt p{
    line-height: 30px;
    color: white;
    letter-spacing:.5px;
    word-spacing: .3px;
    text-align: right;
}



/**/


/**/

.client_section{
    background-color: white;
    padding-top: 40px;
    padding-bottom: 40px;

}

.our_client_head_ti{
    float: ;
    border-left: 0px solid #FF6E69;
    border-right: 4px solid #FF6E69;

}

.our_client_head_ti h3{
    font-size: 27px;
    color: #FF6E69;
    float: ;
    text-transform: uppercase;
    text-align: right;
    margin-top: 45px;
    margin-bottom: 30px;
    padding-right: 10px;
}

.slide_pro_img img{
border:2px solid lightgray;
}

/**/


/**/

.ex_sec{
    background-color: rgba(255, 110, 105);
    padding-top: 30px;
    padding-bottom: 30px;
}

.ex_div{
    float: ;
    border-left: 0px solid #FF6E69;
    border-right: 4px solid #fff;

}

.ex_div span{
    font-size: 60px;
    color: black;
    font-weight: bold;
    letter-spacing: .6px;
}

.ex_div h3{
    text-align: right;
    color: white;
    letter-spacing: .4px;
    font-weight: normal;
    text-transform: capitalize;
    margin-right: 20px;
}

.ex_btn{
    float: right;
    margin-top: 40px;
}
.ex_btn p a{
    background-color: white;
    padding: 13px 30px 13px 30px;
    border-radius: 3px;
    color: black;
    font-weight: 600;
    font-size: 20px;
}

/**/


/*about us page css*/
/*banner css*/

.banner_section_ab{
    background-image:url(../img/saftybg-img3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
        line-height: 50px;

}

.banner_ovr_bg{
    background-color: rgba(0, 0, 0,.7);
    line-height: 50px;
}

.about_banner_ovr{
    display: flex;
    justify-content: space-between;
        line-height: 50px;

}

.breadcrumb{
    background-color: transparent;
    border:none;
    outline: none;
        padding-top: 20px;
    line-height: 50px;

}

.breadcrumb li a{
    color: lightgray;
        line-height: 50px;

}

.breadcrumb .active{
color: white;
    line-height: 50px;

}

.about_us_heading h4{
    color: white;
    margin-top: 20px;
        line-height: 50px;
        font-size: 20px;
        text-transform: uppercase;

}

.about_page_section{
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #F8F9FA;
}

.page_haed_title{
    float: ;
    border-left: 0px solid #FFD966;
    border-right: 4px solid #FFD966;

}

.page_haed_title h3{
    font-size: 27px;
    color: black;
    float: ;
    text-align: right;
    margin-top: 40px;
    margin-bottom: 30px;
    padding-right: 10px;
}



.page_about_txt p{
    text-align: justify;
    letter-spacing: .4px;
    line-height: 26px;
    word-spacing: .4px;
}


/*banner css*/


/**/



/**/
.safty_page_section{
   
}

.safty_ovr_pbg{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.safty_page_img_box{
    text-align: center;
    margin: auto;
}

.safty_page_main_div_img{
    position: relative;
    width: 100%;
    overflow: ;
}

/**/

.safty_page_overlay_img_first{
    position: absolute;
    top: 0;
    left: 0;


}


.overlay_page_img_box_first img{
    border-radius: 100%;
    height: 200px;
    width: 200px;
    
    object-fit: cover;
    border:3px solid white;
    animation: ovrfirst1 7s ease-in-out infinite;
}

@keyframes ovrfirst1{
0% {transform: scale(.9);}
  50% {transform: scale(.7);}
  100% { transform: scale(.9); }
}


@keyframes ovrfirst1{
0% {opacity:0} 
  50% {opacity: 1}
  100% {opacity: 0}

}

/**/

/**/

.safty_page_overlay_img_first2{
    position: absolute;
    top: 0;
    left: 0;


}


.overlay_page_img_box_first2 img{
    border-radius: 100%;
    height: 200px;
    width: 200px;
    
    object-fit: cover;
    border:3px solid white;
    animation: ovrfirst1ss 7s ease-in-out infinite;
}

@keyframes ovrfirst1ss{
0% {transform: scale(.9);}
  50% {transform: scale(.7);}
  100% { transform: scale(.9); }
}


@keyframes ovrfirst1ss{
0% {opacity: 1} 
  50% {opacity: 0}
  100% {opacity: 1}

}

/**/



/**/
.safty_page_overlay_img_second{
    position: absolute;
    bottom: 0;
    right:0;


}


.overlay_page_img_box_second img{
    border-radius: 100%;
    height: 200px;
    width: 200px;
        animation: ovrfirst2 5s ease-in-out infinite;

    object-fit: cover;
    border:3px solid white;
}



@keyframes ovrfirst2{
0% {opacity: 0; transform: scale(.7);} 
  50% {opacity: 1; transform: scale(.8);}
  100% {opacity: 0; transform: scale(.7);}

}

/**/


/**/
.safty_page_overlay_img_second2{
    position: absolute;
    bottom: 0;
    right:0;


}


.overlay_page_img_box_second2 img{
    border-radius: 100%;
    height: 200px;
    width: 200px;
        animation: ovrfirst2ss 5s ease-in-out infinite;

    object-fit: cover;
    border:3px solid gray;
}



@keyframes ovrfirst2ss{
0% {opacity: 1; transform: scale(.7);} 
  50% {opacity: 0; transform: scale(.8);}
  100% {opacity: 1; transform: scale(.7);}

}

/**/

.safty_main_img_rd_page{
    border-radius: 100%;
    width: 400px;
    height: 400px;
    object-fit: cover;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,.4);

}

.safty_page_right_side_txt{
    margin-top: 30px;
}

.safty_page_right_side_txt p b{
    color: lightgray;
    font-size: 28px;
    letter-spacing: .3px;
    -web-kit-text-shadow: 0px 10px 10px 2px white;
}

.safty_page_right_side_txt strong{
    color: gold;
    letter-spacing: .4px;
}

.safty_page_right_side_txt p{
    line-height: 30px;
    color: black;
    letter-spacing:.5px;
    word-spacing: .3px;
    text-align: right;
}



/**/



/**/
.client_img_box img{
    box-shadow: 0px 0px 10px 2px lightgray;
}
/**/



/**=====================contac us page csss======================***/

.contact_page_section{
    padding-top: 30px;
    padding-bottom: 30px;
}

.contact_pg_head_title h3{
    color: #E42026;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .6px;
    padding-bottom: 20px;
}


.contact_frm h4{
    padding-bottom: 10px;
    text-transform: uppercase;
    color: darkred;
}
.contact_frm input, textarea{
margin: 0px 0px 15px 0px;
}


.contact_pg_add_section{
background: -webkit-linear-gradient(left, rgba(25,0,0,0), rgba(0,0,0,1));
    padding-top: 30px;
    padding-bottom: 30px;
}


.contact_pg_txt{
    color: white;
}

.contact_pg_txt .fa{
    font-size: 20px;
    margin-top: 5px;
}

.contact_pg_txt b{
    text-transform: capitalize;
    letter-spacing: .8px;
}

.contact_pg_txt a{
    display: block;
    color: white;
}

.modal_form_div input, textarea{
    margin-bottom: 15px;
}

.modal-title{
    color:#E42026;
    text-transform: uppercase; 
}


/**=====================contac us page csss======================***/


/**/
.project_haed_tti h3{
    padding-bottom: 20px;
    text-transform: uppercase;
}
/**/



/*footer css*/

.footer{
    background-color: rgba(0,0,0,.7);
    background-size: cover;
    background-repeat:no-repeat; ;
    background-attachment: fixed;
}

.f_over_bg{
    background-color: rgba(0,0,0,.7);
    padding-top: 20px;
    padding-bottom: 20px;
}

.f_head_ti{
    padding-top: 20px;
    padding-bottom:30px;
}


.f_head_ti h3{
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: .4px;
        border-right: 3px solid lightgray;

}
.f_contact_txt{
    color: lightgray;
}

.f_contact_txt .fa{
    font-size: 20px;
    margin-top: 5px;
}

.f_contact_txt b{
    text-transform: capitalize;
    letter-spacing: .8px;
}

.f_contact_txt a{
    display: block;
    color: lightgray;
}

.f_quick_l ul{
    list-style: none;
}

.f_quick_l li a{
    line-height: 30px;
    color: lightgray;
    letter-spacing: .5px;
    text-transform: capitalize;
}


.f_our_pro ul{
    list-style: none;
}

.f_our_pro li a{
    line-height: 30px;
    color: lightgray;
    letter-spacing: .5px;
    text-transform: capitalize;
}


.f_our_pro li a:hover{
    line-height: 30px;
    color: #fff;
    letter-spacing: .5px;
    text-transform: capitalize;
}

.f_mizba_c_icon_main_div{
    display: flex;
    text-align: center;
    color: lightgray;
    justify-content: space-around;
}

.f_img_box img{
    height: 60px;
    width: 60px;
    object-fit: contain;
    padding-bottom: 10px;
}

.f_img_box p{
    font-size: 15px;
}

.f_social_icon h3{
    font-size: 20px;
    color: #E22027;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: bold;
}

.f_social_icon a{
    margin: 10px;
    background-color:   white;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;  
    box-shadow: 0px 0px 10px 2px lightgray;
    color: #E22027;
}

/**/

.CERTIFICATE_div{
    margin-top: 60px;
}

.certificate_page_div{
    margin-top: 60px;
    margin-bottom: 30px;
}

.dowload_btn_div{
    text-align: center;
    margin-bottom: 20px;
}


.dowload_btn_div a{
    background-color: rgba(0,0,0,.8);
    color: white;
    text-transform: capitalize;
    letter-spacing: .5px;
    border-radius: 2px;
}

/**/

.f_social_ti{
    float: ;
    border-left: 0px solid #FF6E69;
    border-right: 4px solid #ffff;

}

.f_social_ti h2{
    font-size: 27px;
    color: #fff;
    float: ;
    text-transform: uppercase;
    text-align: right;
    margin-top: 35px;
    margin-bottom: 10px;
    padding-right: 10px;
    letter-spacing: 2px;
}

.f_social_icons{
margin-top: 20px;
    margin-bottom: 10px;   
    float: ; 
}


.f_social_icons a{
    margin:0px 20px 0px 0px;
    background-color: transparent;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
        transition: .3s ease-in-out;

    box-shadow: 0px 0px 6px 1px lightgray;

}

.f_social_icons a:hover{
    margin:0px 20px 0px 0px;
    background-color: transparent;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
        transition: .3s ease-in-out;

    box-shadow: 0px 0px 6px 1px lightgray;
}

 
/**/

/**/


.copy_right{
    text-align: center;
    color: black;
}

.copy_right p{
    color: black;
    margin-top: 10px;
}

/**/







/*@media 767*/

@media (max-width: 767px) {

/*header top css*/
.header{
    background-color: rgba(7, 121, 238);
padding-top: 6px;
padding-bottom: 6px;
}

.top_bar_main_div{
    display: flex;
    float: none;
    text-align: center;
}

.top_bar_num a{
    margin: 7px;
    color: #FFD966;
    font-weight: 500;
    letter-spacing: .4px;
}

.top_bar_socila_icon{
    display: none;
}

.top_bar_socila_icon a{
    margin: 10px 10px 0px 0px;
        font-weight: 500;
    letter-spacing: .4px;
    color: white;
}


/
}

/*@media 767*/