#body .container{

    max-width: 1300px !important;

}



body{

    font-family: "Jost", sans-serif !important;

}



.a-font{

    font-family: "Signika", sans-serif;

    /* font-family: "Marcellus", serif; */

}



/* @font-face{

    src: url(../fonts/FUTURA55REGULAR.TTF);

    font-family: futura;

} */







/*---------------- top navigation ----------------------*/



.top-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.top-list li a {

    display: inline-block;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    /* margin-left: 20px; */

    margin-right: 25px;

    

}



.top-list li a i {

    color: #ffffff;

    font-size: 13px;

    margin-right: 10px;

    transform: translateY(1px);

}



.top-list2{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.top-list2 li a {

    display: inline-block;

    color: #000000;

    margin-left: 20px;

    font-size: 14px;

}



.top-navigation .container-fluid{

    padding: 0 100px !important;

}



.top-navigation {

    /* background: url(../images/top-bg.png) no-repeat; */

    /* background-size: cover; */

    /* background-position: center; */

    padding: 6px 0;

    background: #0b6796;

}



/*---------------------- navigation --------------------------*/



.nav-border{

    border-bottom: 1px solid #ddd;

}





.logo img {

    width: 225px;

}



.main_nav .navbar {

    background-color: #fff;

    padding: 0px 0 !important;

}



.main_nav .navbar .container-fluid {

    padding: 0 121px !important;

}



.main_nav .navbar .container-fluid .navbar-nav li a {

    color: #000;

    padding: 0 0 0 40px;

    font-size: 17px;

    /* text-transform: uppercase; */

    font-weight: 500;

    /* font-family: "Dosis", sans-serif; */

}



.nav-btn {

    /* background-color: #148ee4; */

    background-image: linear-gradient(to right top, #0b6796, #007ba2, #008d99, #009d7c, #15a850);

    padding: 12px 40px;

    color: #fff;

    display: inline-block;

    font-weight: 500;

}



.nav-btn:hover{

    color: #fff;

    text-decoration: none;

}



.nav-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.nav-list li a {

    display: inline-block;

    color: #201e1e;

    font-size: 17px;

    padding-left: 20px;

}



/* .xtd-shadow--large-light {

    box-shadow: 1.25rem 1.375rem 4.75rem 0rem rgba(0, 0, 0, 0.22) !important;

} */



.sticky {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

    /* background: black; */

    /* box-shadow: 0px 2px 17px 6px #dedddd; */

    box-shadow: 0 6px 17px -6px #abaaaa;

}



  .sticky2 {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

    /* background:black; */

  }





  .navbar-nav li{

    position: relative;

 }





.nav-content {

    position: absolute;

    top: 80px;

    left: -10px;

    z-index: 999;

    background: rgba(11, 103, 150, 0.8);

    display: inline-block;

    /* right: -4px; */

    transition: all .5s ease-in-out;

       opacity: 0;

    visibility: hidden;        

}



ul.sub-content li {

    border-bottom: 1px solid #ffffff;

    

}



ul.sub-content li a:hover{

    text-decoration: none;

}



.main_nav ul.sub-content{

    margin: 0;

    padding: 0;

    list-style: none;

}



.main_nav ul.sub-content li a {

    color: #fff !important;

    white-space: nowrap;

    display: inline-block;

    padding: 8px 70px 8px 20px !important;

}



.navbar-nav .nav-in2:hover .nav-content{

     opacity: 1;

    visibility: visible;

      top: 62px;    

    

}





  /*--------------- banner ---------------------*/



.bc-img{

    background: url(../images/banner-a.png) no-repeat;

    background-size: cover;

    background-position: center;

    background-size: cover;

    min-height: auto;

}



.bc-img2{

    background: url(../images/banner-b.png) no-repeat;

    background-size: cover;

    background-position: center;

    background-size: cover;

    min-height: auto;

}



.bc-img3{

    background: url(../images/banner-c.png) no-repeat;

    background-size: cover;

    background-position: center;

    background-size: cover;

    min-height: auto;

}



h5.ban-header.a-font {

    color: #fff;

    font-size: 70px;

    /* text-align: center; */

    font-weight: 500;

}



.ban-content {

    position:absolute;
	top:50%;left:50%; right:50%;
	width:100%;
	transform:translate(-50%,-50%);

}



.main-banner .container-fluid{

    padding: 0 50px !important;

}



/*--------------- about ---------------------*/



.about2 {

    background: url(../images/abt-bg.png) no-repeat;

    background-size: cover;

    min-height: auto;

}



.about2 .container-fluid{

    padding: 0 160px !important;

}







p.abt-para {

    color: #ddd;

    font-size: 14px;

    line-height: 26px;

}



a.abt-link {

    display: inline-block;

    color: #258cff;

    font-size: 15px;

    font-weight: 500;

}



a.abt-link i {

    font-size: 14px;

    margin-left: 12px;

    /* line-height: 27px; */

    transform: translateY(1px);

}





.abt-color {

    background-color: #013166;

}



.about2 {

    margin-top: 60px;

}





h5.ab-header {

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 700;

    color: #00336d;

    letter-spacing: 3px;

    position: relative;

    padding-left: 66px;

    margin-bottom: 15px;

}



h5.ab-header::after {

    content: '';

    /* vertical-align: middle; */

    width: 50px;

    height: 2px;

    background-color: #00336d;

    position: absolute;

    left: 0;

    bottom: 9px;

}



h5.ab-header2 {

    font-size: 30px;

    font-weight: 600;

    padding-right: 149px;

    text-transform: capitalize;

    margin-bottom: 17px;

}



p.ab-para2 {

    font-size: 18px;

    /* text-align: justify; */

    color: #2e2e2e;

    line-height: 32px;

    margin-bottom: 35px;

}



a.ab-link {

    background-image: linear-gradient(to right top, #0b6796, #007ba2, #008d99, #009d7c, #15a850);

    text-transform: capitalize;

    color: #fff;

    display: inline-block;

    padding: 15px 35px;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-size: 13px;

    font-weight: 600;

}



a.ab-link i{

    font-size: 12px;

    margin-left: 10px;

}



a.ab-link:hover{

    color: #fff;

    text-decoration: none;

}



.abt-rt {

    margin-left: 0;

    margin-top: 40px;

}





/*--------------- business ---------------------*/



.business .container-fluid{

    padding: 0 60px !important;

}



.business{

    margin-top: 70px;

}



.bu-bg {

    background: url(../images/bu-bg.png) no-repeat;

    background-position: center;

    min-height: 773px;

}



.bu-container{

    width: 1400px;

    margin: 0 auto;

}



.bu-img {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* border-radius: 50px; */
    background-color: #ddd;
    border-radius: 30px;
}



.bu-img img{
    max-width: 100%;
}



.bu-box {

    background: #fcfcfc;

    padding: 20px;

    border-radius: 30px;

}



h5.bu-title.a-font {

    display: inline-block;

    font-size: 24px;

    letter-spacing: 1px;

    border-bottom: 1px solid #ddd;

    width: 100%;

    padding-bottom: 22px;

    margin-bottom: 24px;

}



a.bu-link {

    display: inline-block;

    background: #0b6796;

    color: #fff;

    padding: 4px 9px;

    font-size: 15px;

    /* border-radius: 5px; */

}



a.bu-link i{

    font-size: 12px;

    margin-left: 8px;

}



a.bu-link:hover{

    color: #fff;

    text-decoration: none;

}



p.bu-para {

    margin-bottom: 24px;

}



.bu-box2 {

    display: inline-block;

    margin-top: 25px;

    padding: 0 15px;

    margin-bottom: 15px;

}



h5.bu-header.a-font.text-center {

    font-size: 35px;

    color: #fff;

    letter-spacing: 1px;

    margin-bottom: 35px;

    padding-top: 60px;

}



/*--------------- core values ---------------------*/



.core .container-fluid{

    padding: 0 15px 0 160px !important;

}



h5.co-cap {

    text-transform: uppercase;

    font-size: 15px;

    font-weight: 600;

    color: #868686;

    letter-spacing: 2px;

    margin-bottom: 16px;

}



h5.co-cap2 {

    text-transform: capitalize;

    font-weight: 500;

    font-size: 32px;

    margin-bottom: 50px;

}



.co-icon img {

    width: 65px;

}



h5.co-title {

    font-size: 24px;

    font-weight: 400;

    margin-top: 17px;

}



.co-box {

    margin-bottom: 35px;

}



.core {

    background: url(../images/co-bg.png) no-repeat;

    background-size: cover;

    min-height: auto;

    margin-top: 70px;

}



/*--------------- paralox ---------------------*/



.paralox {

    background: url(../images/paralox.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 95px 0;

    margin-top: 40px;

}



h5.para-header.a-font {

    color: #fff;

    text-transform: capitalize;

    font-size: 40px;

    font-weight: 400;

    margin-bottom: 22px;

    padding: 0 274px;

}



a.para-link {

    display: inline-block;

    background-image: linear-gradient(to right top, #0b6796, #007ba2, #008d99, #009d7c, #15a850);

    color: #fff;

    font-weight: 500;

    padding: 8px 30px;

    font-size: 17px;

    letter-spacing: 2px;

}



a.para-link:hover{

    text-decoration: none;

    color: #fff;

}



/*--------------- global ---------------------*/



.gl-img img{

    width: 100%;

    margin: 0 auto;

}



.gl-header {

    color: #000000;

    font-size: 33px;

    text-transform: capitalize;

    font-weight: 400;

    margin-bottom: 16px;

}



.gl-header2 {

    font-size: 22px;

    margin-bottom: 36px;

    /* position: relative; */

    color: #06709b;

}



.global {

    margin-top: 70px;

}



/* .gl-header2::before{

    content: "";

    width: 50px;

    height: 3px;

    background-color: #009983;

    position: absolute;

    left: 50%;

    bottom: 0;

} */





/*--------------- investor ---------------------*/



.facility .container-fluid{

    padding: 0 166px !important;

}



h5.f-header {

    font-size: 35px;

    color: #ffffff;

    position: relative;

    margin-bottom: 12px;

    font-weight: 400;

}



/* h5.f-header::before {

    content: "";

    width: 78px;

    height: 2px;

    background-color: #102632;

    position: absolute;

    left: 0;

    bottom: -20px;

} */



p.f-para {

    font-size: 17px;

    font-weight: 500;

    line-height: 26px;

    margin-bottom: 30px;

    color: #e9e9e9;

    padding: 0 277px;

}



a.f-link {

    display: inline-block;

    background: #0b6796;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    padding: 7px 20px;

}



a.f-link:hover{

    text-decoration: none;

    color: #fff;

}



.f-icon img {

    width: 60px;

    /* filter: brightness(0) saturate(100%) invert(50%) sepia(29%) saturate(6697%) hue-rotate(354deg) brightness(98%) contrast(86%); */

    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(257deg) brightness(101%) contrast(101%);

}



/* .f-box {

    text-align: center;

    background: #fff2f2;

    padding: 50px 20px;

    min-height: 315px;

    margin-bottom: 30px;

} */



.f-bg {

    background-image: linear-gradient(to right top, #0b6796, #007ba2, #008d99, #009d7c, #15a850);

    padding: 50px 20px;

    min-height: 300px;

    text-align: center;

    background-position: center;

}





h5.f-title {

    font-size: 22px;

    font-weight: 700;

    margin-top: 28px;

    line-height: 26px;

    margin-bottom: 16px;

    color: #fff;

}



p.f-para2 {

    font-weight: 500;

    font-size: 15px;

    color: #e3e3e3;

    margin-bottom: 0;

}



.facility {

    margin-top: -275px;

}



.facility-bg {

    background: url(../images/in-bg3.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 330px;

    margin-top: 70px;

}





/*--------------- footer ---------------------*/





.footer {

    background: #f6fcff;

    min-height: auto;

    padding: 50px 0;

    margin-top: 70px;

    border-top: 3px solid #00829e;

}



h5.ftr-heading {

    text-transform: capitalize;

    font-size: 18px;

    color: #0b6796;

    /* font-weight: 600; */

    margin-bottom: 17px;

    /* margin-top: 30px; */

    position: relative;

}



.ftr-logo {

    margin-left: -20px;

}



.ftr-logo a img {

    width: 250px;

}



.ftr-logo {

    /* margin-top: 20px; */

    margin-bottom: 20px;

}



p.ftr-para {

    font-size: 15px;

    color: #636363;

    line-height: 28px;

    margin-bottom: 0;

}



h5.ftr-heading2 {

    font-size: 20px;

    margin-bottom: 14px;

    color: #ffffff;

}



h5.ftr-heading2 span{

    color: #f56600;

}



.ftr-social a i {

    /* background-color: #30306c; */

    color: #0b6796;

    /* width: 28px; */

    /* height: 38px; */

    font-size: 15px;

    display: inline-block;

    /* line-height: 35px; */

    text-align: center;

    /* padding-right: 15px; */

    /* border-radius: 100%; */

    border: 1px solid #0b6796;

    text-align: center;

    margin-right: 7px;

    margin-top: 20px;

    padding: 9px 12px;

}



.ftr-list{

    list-style: none;

    margin: 0;

    padding: 0;

}


.ftr-list li{ display: flex;

    font-size: 16px;

    color: #e3e3e3;
}
.ftr-list li h5{ font-size: 15px;

    font-weight: 400;

    line-height: 24px;

    color: #656565;}
	.ftr-list li i{font-size: 15px;

    color: #0b6796;

    margin-top: 5px;

    margin-right: 10px;}
.ftr-list li a {

    display: flex;

    font-size: 16px;

    color: #e3e3e3;

    padding-bottom: 10px;

}



.ftr-list li a i {

    font-size: 15px;

    color: #0b6796;

    margin-top: 5px;

    margin-right: 10px;

}



.ftr-list li a:hover{

    color: #ffffff;

    text-decoration: none;

}



.ftr-list li a h5 {

    font-size: 15px;

    font-weight: 400;

    line-height: 24px;

    color: #656565;

    /* padding-right: 20px; */

}





.ftr-list2{

    list-style: none;

    margin: 0;

    padding: 0;

}



.ftr-list2 li a {

    display: flex;

    font-size: 15px;

    color: #5c5c5c;

    padding-bottom: 10px;

    text-transform: capitalize;

}



.ftr-list2 li a:hover{

    color: #5c5c5c;

    text-decoration: none;

}



.ftr-list2 li a i {

    color: #0b6796;

    transform: translatey(6px);

    margin-right: 12px;

    font-size: 15px;

}



.ftr-3 {

    margin-left: 40px;

}



.ftr-up {

    /* color: #fff; */

    background: #173a79;

    border-top: 1px solid #9e9e9e;

    padding: 16px 0;

}



h5.ftr-title.text-center {

    margin-bottom: 0;

    font-size: 15px;

    color: #fff;

    font-weight: 400;

}



.ftr-down {

    width: 100%;

    background-color: #23496f;

    padding: 23px 0;

}



.ftr-caption4{

    font-size: 15px;

    font-weight: 300;

    color: #fff;

    margin-bottom: 0;

}



/* .ftr-item{

    margin: 0;

    padding: 0;

    display: flex;

    list-style: none;

    justify-content: right;

}



.ftr-item li a {

    display: inline-block;

    color: #fff;

    

    font-size: 16px;

    line-height: 40px;

} */



.ftr-img img{

    width: 100%;

}



ul.ftr-list2.ftr-top {

    margin-top: 32px;

}



.ftr-container{

    width: 1300px;

    margin: 0 auto;

}



.ftr-2 {

    margin-left: 70px;

}





.ftr-5 {

    float: right;

}







/* .ftr-2 {

    margin-left: 38px;

    border-left: 1px solid #9e9e9e;

    padding-left: 36px;

    border-right: 1px solid #9e9e9e;

} */



.ftr-item{

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

}



.ftr-item li a{

    display: inline-block;

}



.ftr-item li a {

    display: inline-block;

    color: #707070;

    /* width: 42px; */

    /* height: 39px; */

    /* text-align: center; */

    font-size: 16px;

    line-height: 40px;

}



h5.ftr-title {

    font-size: 16px;

    color: #686868;

    margin-top: 9px;

    margin-bottom: 0;

    font-weight: 400;

}



.ftr-cap {

    font-size: 18px;

    color: #b7b7b7;

    margin-right: 15px;

    transform: translateY(7px);

    margin-bottom: 0;

}



.footer-2 {

    background: #f6fcff;

    padding: 8px 0;

    border-top: 1px solid #bfbfbf;

}



.footer-2 .container{

    width: 1200px !important;

}



.footer .container{

    width: 1200px !important;

}









/*--------------- contact ---------------------*/



.con-banner{

   /* background: url(../images/contact-banner.png) no-repeat;*/

    background-size: cover;

    background-position: center;

    min-height: auto;

}



.co-head {

    font-size: 50px;

    color: #fff;

    font-weight: 400;

}



.abt-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.abt-list li a {

    display: inline-block;

    color: #fff;

}



.con-padding {

    padding: 150px 0;

}



.gt-list {

    margin: 27px 0 0 0;

    padding: 20px 0 0 0;

    list-style: none;

    border-top: 1px solid #d3d3d3;

}



.gt-list li a {

    display: inline-block;

    color: #6a6a6a;

    line-height: 30px;

    font-size: 16px;

}
.gt-list li span{ display: inline-block;

    color: #6a6a6a;

    line-height: 30px;

    font-size: 16px;}



.gt-icon {

    width: 60px;

    height: 60px;

    background: #0b6796;

    border-radius: 100%;

    text-align: center;

    line-height: 70px;

}



.gt-icon i {

    font-size: 25px;

    color: #fff;

}



h5.gt-title.a-font {

    font-size: 24px;

    margin-bottom: 0;

    margin-top: 19px;

    margin-left: 0px;

}



.gt-box {

    background: #eef9ff;

    padding: 45px 35px;

    border-radius: 30px;

}



.get {

    margin-top: 70px;

}



.co-lft {

    width: 100%;

    /*height: 617px;*/

    overflow: hidden;

   /* float: left;*/

    position: relative;

    /* border-radius: 50px; */

    background-color: #ddd;

    /* border-radius: 30px; */

}



.co-lft img{

    max-width: 100%;

}



.co-caption {

    font-size: 16px;

    letter-spacing: 2px;

    background: #f2f2f2;

    display: inline-block;

    padding: 3px 8px;

    border-radius: 30px;

    margin-bottom: 25px;

}



h5.co-cap2.a-font {

    font-size: 38px;

    color: #000;

}



.co-form .form-control {

    height: 60px;

    border: 1px solid #afafaf;

    margin-bottom: 20px;

}



.co-form .msg{

    resize: none;

    height: 130px !important;

}



button.btn.btn-primary.btn-link {

    background: #007da0;

    border: none;

    color: #fff;

    border-radius: 30px;

    padding: 11px 34px;

    margin-top: 17px;

}



.co-rt {

    /* margin-left: 30px; */

    margin-top: 56px;

    padding: 0 40px 0 25px;

}

.g-content {

    background-color: #fff;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    padding: 35px;

}



.get-2 {

    margin-top: 70px;

}







/*--------------- commodity ---------------------*/



.br-block{

    display: none;

}



.com-banner{

    /*background: url(../images/com-banner.png) no-repeat;*/

    background-size: cover;

    background-position: center;

    min-height: auto;
	position:relative;



}



.br-title {

    text-align: center;

    text-transform: uppercase;

    font-size: 27px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 70px;

    position: relative;

    color: #017aa1;

}



.br-title::before {

    content: "";

    height: 3px;

    width: 50px;

    background-color: #017aa1;

    position: absolute;

    bottom: -19px;

    left: 930px;

}





/* .brand{

    margin-top: 90px;

    

} */



.brand .container-fluid{

    padding: 0 100px 0 400px !important;

}



.brand1 .container-fluid{

    padding: 0 100px 0 400px !important;

}



.br-img img{

    width: 100%;

}



.br-header a {

    font-size: 26px;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-bottom: 15px;

    display: inline-block;

    color: #000;

}



.br-header a:hover{

    color: #000;

    text-decoration: none;

}



p.br-para {

    margin-bottom: 0;

    font-size: 16px;

    line-height: 28px;

    color: #5a5a5a;

    padding-right: 30px;

}



.br-lft {

    

}



section.br-bg2 {

    margin: 70px 0;

}



.br-top {

    margin-top: 60px;

}



p.com-para3 {

    font-size: 17px;

    line-height: 30px;

}



.com2 {

    margin-top: 63px;

}







/*--------------- career ---------------------*/



label.car-label {

    /* font-family: 'Rubik', sans-serif; */

    text-transform: capitalize;

    font-size: 15px;

    color: #3e3e3e;

    margin-bottom: 10px;

}



.career-form .container .form-career .form-car-box .add{

    height: 250px !important;

    resize: none;

}



.car-label2{

    /* font-family: 'Rubik', sans-serif; */

    text-transform: capitalize;

    font-size: 17px;

    color: #3e3e3e;

    margin-bottom: 10px;

}



.form-car-box {

    margin-top: 20px;

}



input.car-link {

    background-color: #0179a1;

    color: #fff;

    font-weight: 500;

    font-size: 16px;

    border: none;

    padding: 8px 45px;

    margin-top: 19px;

}



.career-form{

    margin-top: 50px;

}



.car-banner{

    /*background: url(../images/car-banner.png) no-repeat;*/

    background-size: cover;

    background-position: center;

    min-height: auto;

}





/*--------------- cold ---------------------*/



.cold-banner{

    /*background: url(../images/cold-banner.png) no-repeat;*/

    background-size: cover;

    background-position: center;

    min-height: auto;

}



.cold-icon img {

    width: 56px;

}



h5.cold-cap {

    color: #44503f;

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-top: 28px;

    margin-bottom: 20px;

}



.cold-cap2 {

    font-size: 42px;

    padding: 0 122px;

    line-height: 55px;

    margin-bottom: 50px;

}



.cold-img img {

    width: 94%;

    margin-left: 0px;

}





h5.cold-title {

    text-transform: capitalize;

    color: #676767;

    letter-spacing: 2px;

    font-size: 15px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 15px;

}



p.cold-para {

    font-size: 35px;

    color: #dea865;

    font-weight: 600;

    line-height: 45px;

    margin-bottom: 25px;

}



p.cold-para2 {

    font-size: 20px;

    color: #636363;

    line-height: 34px;

}



.cold-para3 {

    font-size: 20px;

    color: #636363;

    line-height: 34px;

    padding-right: 12px;

    margin-bottom: 30px;

}



.cold-lft {

    margin-top: 45px;

    

}



.cold-img2 img {

    width: 94%;

}



.cold-img2 {

    margin-top: -65px;

}



a.cold-link:hover{

    color: #fff;



    text-decoration: none;

}



a.cold-link {

    background: #44503f;

    color: #fff;

    font-size: 17px;

    display: inline-block;

    padding: 10px 45px;

}



a.cold-link i{

    font-size: 15px;

    margin-left: 6px;

}



.cold-rt {

    margin-top: 55px;

}



.cold {

    margin-top: 80px;

}



p.cold-prgh {

    color: #484747;

    line-height: 31px;

    font-size: 18px;

}



/*--------------- company ---------------------*/



.abt-banner{

   /* background: url(../images/abt-banner.png) no-repeat;*/

    background-size: cover;

    background-position: center;

    min-height: auto;
	position:relative;

}



.history {

    background: url(../images/histry-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    position: relative;

    padding: 80px 0;

    margin-top: 40px;

}



.history::before {

    position: absolute;

    content: '';

    height: 1px;

    width: 100%;

    top: 316px;

    background-color: #fff;

}



.owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 40px;

}



h5.hist-header.a-font {

    color: #e3e3e3;

    font-size: 16px;

    letter-spacing: 1px;

    font-weight: 400;

    margin-bottom: 18px;

}



h5.hist-header2.a-font {

    color: #fff;

    font-weight: 400;

    font-size: 30px;

}



p.hist-para {

    color: #ddd;

    /* float: right; */

    /* padding-right: 142px; */

    margin-bottom: 0;

    margin-top: 20px;

}



p.hist-para {

    color: #ddd;

    /* float: right; */

    /* padding-right: 142px; */

}



h5.it-header {

    font-size: 45px;

    color: #fff;

    padding-bottom: 30px;

    border-bottom: 1px solid #fff;

    position: relative;

}



h5.it-header::before {

    content: "";

    position: absolute;

    width: 12px;

    height: 12px;

    line-height: 12px;

    border-radius: 50%;

    bottom: -6px;

    left: 1px;

    background-color: #007da1;

}



h5.it-header2 {

    color: #ddd;

    margin-top: 25px;

}



p.it-para {

    margin-bottom: 0;

    color: #cdcdcd;

    padding-right: 53px;

}



/* .owl-item{

    margin-right: 0 !important;

} */



.owl-content {

    margin-top: 35px;

}



.vission {

    background: url(../images/co-bg.png) no-repeat;

    background-size: cover;

    min-height: auto;

    margin-top: 50px;

}



.vission .container-fluid{

    padding: 0 160px !important;

}



h5.v-header2.a-font {

    font-size: 22px;

    color: #03759e;

    margin-bottom: 17px;

}



p.v-para2 {

    font-size: 23px;

    /* text-align: justify; */

    color: #3d3d3d;

    line-height: 40px;

    margin-bottom: 0;

}



.mission {

    background: url(../images/mi-bg.png) no-repeat;

    background-size: cover;

    min-height: auto;

    padding: 100px 0 80px;

    margin-top: 70px;

}



h5.mi-header {

    color: #dfdfdf;

    font-size: 22px;

    letter-spacing: 1px;

    margin-bottom: 16px;

}



p.mi-para {

    margin-bottom: 0;

    color: #efefef;

    font-size: 19px;

    line-height: 32px;

}



.le-img {

    width: 100%;

    height: 210px;

    overflow: hidden;

    float: left;

    position: relative;

    /* border-radius: 50px; */

    background-color: #ddd;

}



.le-img img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: auto;

    height: auto;

}



.le-cap {

    display: inline-block;

    font-size: 20px;

    margin-top: 20px;

    margin-bottom: 12px;

}



.le-para {

    color: #5a5a5a;

}



.le-box {

    background: #fff;

    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;

    padding: 20px;

}



.le-container{

    width: 80%;

    margin: 0 auto;

}



.le-box2 {

    display: inline-block;

    padding: 10px;

}



a.le-link {

    display: inline-block;

    background-image: linear-gradient(to right top, #0b6796, #007ba2, #008d99, #009d7c, #15a850);

    color: #fff;

    width: 40px;

    height: 40px;

    text-align: center;

    font-size: 16px;

    border-radius: 100%;

    line-height: 41px;

    /* margin-top: -101px; */

    transform: translateY(-53px);

}



h5.le-header.a-font.text-center {

    font-size: 32px;

    margin-bottom: 33px;

}



.leader {

    margin-top: 70px;

}





/*--------------- certification ---------------------*/



.cer-img a img {

    width: 85%;

    margin: 0 auto;

}



.cer-container{

    width: 1170px;

    margin: 0 auto;

}



.cer-img {

    border: 1px solid #000;

    text-align: center;

}



h5.cer-header.a-font {

    text-align: center;

    font-weight: 500;

    font-size: 18px;

    line-height: 25px;

    margin-top: 14px;

    margin-bottom: 0;

}



.cer-img {

    margin-top: 45px;

}



.certi {

    margin-top: 25px;

}



.in-banner{

   /* background: url(../images/in-banner.png) no-repeat;*/

    background-size: cover;

    background-position: center;

    min-height: auto;

}





/*----------- Annual report ------------*/



.an-bg {

    width: 80%;

    margin: 0 auto;

    background: #f8fcff;

}



h4.an-header {

    background: #0d5a45;

    color: #fff;

    font-size: 31px;

    padding: 15px;

    margin-bottom: 0;

    letter-spacing: 2px;

}



.an-div {

    padding: 30px 25px;

    /* border: 1px solid #000; */

}



.an-list {

    margin: 0;

    padding: 0;

    list-style: none;

    border: 1px solid #c2c2c2;

}



.an-list li a {

    font-size: 15px;

    color: #3d3b3b;

    padding: 10px;

    display: block;

    font-weight: 500;

}



.an-list li a:hover{

    text-decoration: none;

}



.an-list li{

    border-bottom: 1px solid #c2c2c2;

}



.an-list li:last-child{

    border-bottom: 0;

}



.an-list li a span{

    float: right;

}



.an-list li a i {

    color: #e32727;

    font-size: 18px;

    margin-right: 8px;

}



.li-color {

    background-color: #ededed;

}



.annual {

    margin-top: 62px;

}



.clear{

    clear: both;

}



.an-list li span img {

    width: 15px;

    transform: translateY(-2px);

    margin-right: 8px;

}



h5.bo-cap {

    font-size: 28px;

    color: #007da1;

    letter-spacing: 1px;

    font-weight: 600;

    margin-bottom: 25px;

}



.bo-container{

    width: 80%;

    margin: 0 auto;

}



.bo-box {

    background: #fff;

    /* border: 1px solid #007fa0; */

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    padding: 30px;

    min-height: 453px;

}



p.bo-para {

    margin-bottom: 0;

    color: #656565;

    line-height: 27px;

}



h5.bo-header2 {

    font-size: 17px;

    color: #007ca2;

    margin-bottom: 12px;

}



h5.bo-header {

    margin-bottom: 13px;

}



.bo-btm{

    margin-bottom: 35px;

}



.board {

    margin-top: 70px;

}



h5.au-header.a-font {

    color: #007ba1;

    font-size: 28px;

    letter-spacing: 1px;

    margin-bottom: 13px;

}



p.au-para {

    font-size: 17px;

    color: #4f4f4f;

    line-height: 30px;

}



.table-div thead {

    background: #007da1;

    color: #fff;

    border: initial !important;

}



.table-div{

    border: 1px solid #ddd;

}



table.table.table-div {

    margin-top: 27px;

}



.mt-top{

    margin-top: 33px;

}



.audit {

    margin-top: 60px;

}



.bl-list{

    margin: 0;

    padding: 0;

    list-style: none;

    

}



.bl-list li a{

    display: flex;

}



.bl-list li a h5 {

    font-size: 16px;

    color: #494949;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 14px;

}



.bl-list li a i {

    color: #05729c;

    font-size: 15px;

    transform: translateY(8px);

    margin-right: 12px;

}



h5.bo-header3 {

    font-size: 17px;

    color: #05739d;

    margin-bottom: 17px;

}



.bo-box3 {

    min-height: 359px !important;

    margin-bottom: 0 !important;

}



.board .container-fluid{

    padding: 0 50px !important;

}



.bo-cap3 {

    font-size: 17px !important;

    color: #007ea1;

    font-weight: 600;

    line-height: 28px;

}



.bo-height{

    min-height: 495px !important;

}



.fa-img img {

    width: 100%;

    border: 1px solid #a9a9a9;

}



p.fa-para {

    font-size: 17px;

    line-height: 30px;

    color: #676767;

}



.fa-img {

    margin: 40px 0;

}



.fashion {

    margin-top: 60px;

}



.fa-para2{

    font-size: 17px;

    line-height: 30px;

    color: #676767;

}



.fa-banner{

    /*background: url(../images/fas-banner.png) no-repeat;*/

    background-size: cover;

    background-position: center;

    min-height: auto;

}



.container.ca-top {

    margin-top: 70px;

    background: #e4e4e4;

    padding: 30px;

}



.co-img img {

    width: 100%;

}