#body .container{

    max-width: 1300px !important;

}



body{

    font-family: 'League Spartan', sans-serif !important;

}



.a-font{

    font-family: 'Merriweather', serif;

}



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



.bc-img{

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

    background-size: cover;

    background-position: center;

    min-height: 755px;

}



.bc-img2{

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

    background-size: cover;

    background-position: center;

    min-height: 755px;

}



.bc-img3{

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

    background-size: cover;

    background-position: center;

    min-height: 755px;

}




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



.top-ul{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.top-ul li a {

    display: inline-block;

    font-size: 16px;

    color: #000;

}



.top-ul li{

    margin-right: 20px;

}



.top-ul li a i {

    margin-right: 8px;

    color: #ff9902;

    font-size: 15px;

}





.top-navigation {

    background: #001e57;

    /* min-height: 100px; */

    position: relative;

    padding: 8px 0;

}



 /* .top-navigation2 .navbar{

    background-color: initial !important;

}  */







.navbar-logo img {

    /* z-index: 999; */

    position: relative;

}



.top-navigation:before {

    position: absolute;

    width: 35.854167%;

    height: 100%;

    content: '';

    background: #06163a;

    left: -22px;

    top: 0;

}



.top-navigation .container-fluid {

    padding: 0 233px;

}



.top-panel-list {

    margin: 0;

    padding: 0;

    display: flex;

    list-style: none;

    margin-top: 20px;

}



.top-panel-list li a {

    display: flex;

    font-weight: 400;

    /* padding-right: 50px; */

    padding-left: 50px;

    color: #fff;

    font-size: 17px;

}







.top-panel-list li a:hover{

    text-decoration: none;

}



.top-panel-list li a i {

    font-size: 14px;

    margin-right: 12px;

    color: #f96900;

    transform: translateY(6px);

}



.top-rt {

    margin-top: -14px;

}



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



a.navbar-brand img {

    width: 100px;

}



.top-navigation2 .navbar {

    background-color: #fff !important;

    position: relative;

    padding: 10px 0;

}





.top-navigation2 .navbar .container-fluid{

    padding: 0 233px;

}



/* .top-navigation2 .navbar .container{

    background-color: rgba(0,0,0,0.7) !important;

} */



.top-navigation2 .navbar .container .navbar-nav{

    margin: 0;

    padding: 0;

}



.top-navigation2 .navbar .container .navbar-nav li a {

    color: #06163a;

    font-weight: 500;

    font-size: 18px !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: 35px;

    

}



.top-navigation2 .navbar .container .navbar-nav li a i {

    font-size: 15px;

}



.top-navigation2 .navbar .container .navbar-nav li{

    position: relative;

}



.top-navigation2 .navbar .container .navbar-nav li:first-child{

    margin-left: 0;

}



.top-navigation2 .navbar .container .navbar-nav{

    margin: 0;

    padding: 0;

}



h5.na-title a {

    display: inline-block;

    background: #f96900;

    color: #fff;

    padding: 12px 32px;

    font-size: 16px;

    margin-left: 40px;

}



.top-ul2 {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    /* position: relative; */

    z-index: 9999;

}



.top-ul2 li a i {

    display: inline-block;

    font-size: 16px;

    background: #fff;

    width: 30px;

    height: 30px;

    color: #06163a;

    border-radius: 100%;

    text-align: center;

    line-height: 30px;

    /* z-index: 9999999; */

    position: relative;

}



.sub-content {

    margin: 0;

    padding: 0;

    list-style: none;

}



.sub-content li a {

    color: #fff !important;

    white-space: nowrap;

    text-decoration: none;

    padding: 16px 38px !important;

    display: inline-block;

    font-weight: 400 !important;

    text-transform: capitalize;

    width: 240px;

}



.nav-content {

    position: absolute;

    top: 86px;

    left: 21px;

    z-index: 999;

    background-color: rgba(6, 22, 58, 0.8);

    display: inline-block;

     opacity: 0;

    visibility: hidden; 

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

}



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

    opacity: 1;

    visibility: visible;

    top: 72px;

} 



.sub-content li a:hover{

    color: #f56600;

}



 .nav-list li a.active {

    color: #901e78;

}



.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; */

  }





/*--------------- 3rd part  --------------*/

.md-img { display:inline}

.core-icon {

    /* background-color: #eaf0f4; */

    display: inline-block;

    /* padding: 20px 18px; */

    /* box-shadow: 0 3px 12px rgba(2, 45, 82, 0.5); */

    /* box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5); */

}



h5.core-title {

    display: inline-block;

    font-size: 22px;

    color: #ffffff;

    font-weight: 700;

    margin-top: 18px;

    line-height: 30px;

}



p.core-para {

    font-size: 15px;

    line-height: 25px;

    margin-bottom: 25px;

    color: #aeaeae;

    margin-bottom: 0;

}



.core-icon img {

    width: 52px;

    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

}



a.core-link {

    background-color: #eaf0f4;

    display: inline-block;

    padding: 7px 18px;

    /* box-shadow: 0 3px 12px rgba(2, 45, 82, 0.5); */

    color: #022d52;

    font-weight: 700;

    font-size: 15px;

}



a.core-link i{

    margin-left: 6px;

}



/* .core-box {

    box-shadow: 0 0 30px rgba(0,0,0,.15);

    padding: 30px;

} */



.core-box {

    /* box-shadow: 0 0 30px rgba(0,0,0,.15); */

    padding: 40px 28px;

    background: #1c253a;

    margin-top: -142px;

}



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



.abt-container{

    width: 1200px;

    margin: 0 auto;

}



.abt-img {

    width: 90%;

    height: 538px;

    background-color: #ddd;

    float: left;

    overflow: hidden;

    position: relative;

    margin-left: 50px;

}



.abt-img img{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: auto;

    height: auto;

}



.abt-img2 {

    position: absolute;

    /* top: 0; */

    left: 30px;

    bottom: -42px;

    /* border: 20px solid #ffffff; */

}



.abt-img2 img {

    width: 63%;

    border: 20px solid #ffffff;

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);

}



h4.abt-header2 {

    font-size: 31px;

    color: #ff5e14;

    margin-bottom: 15px;

    line-height: 39px;

}



.abt-lft {

    width: 93%;

    margin-left: 20px;

}



h4.abt-header2 {

    font-size: 27px;

    color: #ff5e14;

    margin-bottom: 20px;

    line-height: 39px;

    font-weight: 600;

}



h4.abt-header {

    color: #06163a;

    font-size: 34px;

    margin-bottom: 15px;

    letter-spacing: 2px;

}





p.abt-para {

    color: #6a6868;

    text-align: justify;

    line-height: 28px;

    font-size: 16px;

}



a.abt-link {

    background: #06163a;

    color: #fff;

    display: inline-block;

    font-size: 17px;

    padding: 12px 41px;

    margin-top: 10px;

    transition: .5s ease-in-out;

}



a.abt-link:hover{

    background-color: #000;

    color: #fff;

    text-decoration: none;

}



.about{

    margin-top: 70px;

}



h5.abt-number {

    background: #06163a;

    color: #fff;

    border-radius: 10px;

    /* padding: 18px 15px 15px; */

    text-align: center;

    /* min-width: 122px; */

    padding: 15px 10px;

    font-size: 45px;

    width: 140px;

    /* height: 127px; */

    position: absolute;

    top: 32px;

    right: -15px;

}



/*------------- product --------------*/



.team-block{

    overflow: hidden;

    transition: ease-in-out .4s;

    margin-bottom: 36px;

    z-index: 1;

    display: inline-block;

    box-shadow: 0px 4px 12px 0px #c5c2c2;

}







.team-img img {

    width: 100%;

    height: 100%;

    

}



 .team-overlay {

    width: 100%;

    background-color: rgba(0, 0, 0,60%);

    height: 0;

    position: absolute;

    top: 0;

    left: 0px;

      visibility: hidden;

    opacity: 0;    

    cursor: pointer;

    transition: ease-in-out .4s;

    

   

} 







.team-block:hover .team-overlay{

    visibility: visible;

    opacity: 1;

   height: 82%;

   

}   





.team-text {

    padding: 31px 30px;

    /* text-align: center; */

}



p.p-para {

    color: #fff;

    font-size: 17px;

    /* text-align: justify; */

    line-height: 26px;

}



a.team-link {

    /* color: #ff5e14; */

    display: inline-block;

    color: #fff;

}



a.team-link i{

    margin-left: 8px;

}



a.team-link:hover{

    color: #fff;

    text-decoration: underline;

}



   

/* .team-text {

    position: absolute;

    text-align: center;

    padding-left: 1em;

    padding-right: 1em;

    width: 100%;

    top: 0%;

    left: 50%;

    opacity: 0;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    transition: ease-in-out .4s;

} */



 /* .team-block:hover .team-text{

    top: 50%;

  left: 50%;

  opacity: 1;

}  */



h4.team-header a{

    font-size: 20px;

    color: #06163a;

    font-weight: 600;

    margin-bottom: 0;

    /* font-family: 'Roboto Slab', serif; */

    text-transform: uppercase;

    display: inline-block;

    /* text-align: center; */

    width: 100%;

    text-transform: capitalize;

    padding: 15px;

}



h4.team-header a:hover{

    text-decoration: none;

    color: #f56600;

}



.app-header {

    font-size: 35px;

    font-weight: 600;

    margin-bottom: 35px;

}



h5.pro-header {

    text-align: center;

    font-weight: 600;

    font-size: 35px;

    margin-bottom: 13px;

}



p.pro-para {

    text-align: center;

    font-size: 18px;

    padding: 0 315px;

    color: #535353;

    margin-bottom: 40px;

}



.product{

    margin-top: 100px;

}



/*------------- progress --------------*/



.progress-bg{

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

    background-size: cover;

    background-position: center;

    min-height: auto;

    margin-top: 40px;

}



.bg-header {

	font-size: 50px;

	color: #fff;

	font-weight: 600;

	text-align: -webkit-center;

	padding: 160px 202px;

	margin-bottom: 0;

	line-height: 61px;

	/* letter-spacing: 1px; */

	text-align: center;

}













/*------------- quality policy --------------*/



.q-flex {

    width: 50%;

}



.q-img img{

    width: 100%;

}



.q-text {

    background: #06163a;

    padding: 111px 70px;

}





/* .q-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.q-list li {

    color: #3a3939;

    font-size: 20px;

    

    display: flex;

}



.q-list li h5 {

    color: #3a3939;

    font-size: 20px;

    line-height: 28px;

}



.q-list li span{



} */



.s-1 {

    display: inline-block;

    background: #06163a;

    color: #fff;

    width: 40px;

    height: 40px;

    border-radius: 100%;

    text-align: center;

    line-height: 45px;

    font-size: 18px;

    position: relative;

}



.s-1::after {

    content: "";

    width: 2px;

    height: 127px;

    background-color: #001e57;

    position: absolute;

    bottom: -137px;

    left: 20px;

}



.s-2 {

    display: inline-block;

    background: #06163a;

    color: #fff;

    width: 40px;

    height: 40px;

    border-radius: 100%;

    text-align: center;

    line-height: 45px;

    font-size: 18px;

    position: relative;

}



.s-2::after {

    content: "";

    width: 2px;

    height: 150px;

    background-color: #001e57;

    position: absolute;

    bottom: -161px;

    left: 20px;

}



.s-3 {

    display: inline-block;

    background: #06163a;

    color: #fff;

    width: 40px;

    height: 40px;

    border-radius: 100%;

    text-align: center;

    line-height: 45px;

    font-size: 18px;

    position: relative;

}



h5.q-cap {

    margin-top: 10px;

    margin-left: 15px;

    color: #4f4f4f;

    margin-bottom: 0;

}



/* .q-list li i {

    color: #ff5e14;

    font-size: 12px;

    transform: translateY(-1px);

    margin-right: 10px;

} */



h5.q-title {

    color: #000000;

    text-transform: capitalize;

    font-size: 39px;

    font-weight: 600;

    letter-spacing: 2px;

    margin-bottom: 45px;

    position: relative;

}



h5.q-title::after {

    width: 60px;

    height: 2px;

    background: #ff5e14;

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    bottom: -25px;

}



h5.q-title span{

    color: #ff5e14;

}



p.q-para {

    /* color: #ffff; */

    color: #4f5155;

    line-height: 27px;

    font-size: 19px;

    padding-right: 82px;

    margin-bottom: 26px;

}



p.q-para2 {

    margin-left: 15px;

    font-size: 17px;

    color: #727272;

    margin-top: 12px;

}



.q-img2 {

    width: 93%;

    height: 694px;

    background-color: #ddd;

    float: left;

    overflow: hidden;

    position: relative;

    margin-left: 50px;

    margin-top: 30px;

}



.q-img2 img{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: auto;

    height: auto;

}



.quality{

    margin-top: 70px;

}







/*------------------- Testimonials ---------------------*/



.client{

    width: 80%;

    margin: 0 auto 0 auto;

}



.client-bg {

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

    min-height: 400px;

}



.c-box {

    background-color: #000;

    padding: 45px 50px 60px;

    /* min-height: 365px; */

    background-color: #06163a;

}



p.c-para {

    color: #fff;

    font-size: 17px;

    /* font-weight: 400; */

    line-height: 30px;

    margin-bottom: 25px;

}



.c-social a {

    color: #fd5d14;

    display: inline-block;

    margin-bottom: 35px;

}



h5.c-profile {

    color: #fff;

    font-size: 22px;

    margin-bottom: 4px;

}



h5.c-des {

    margin-bottom: 0;

    color: #d7d7d7;

    font-size: 15px;

    font-weight: 300;

}



.c-name {

    margin-top: 8px;

    margin-left: 15px;

}



.c-icon i {

    color: #ff5e14;

    font-size: 55px;

    margin-top: -15px;

    /* opacity: 80%; */

}



.c-row {

    padding-top: 115px;

}



h3.c-caption {

    color: #fff;

    font-size: 42px;

    margin-bottom: 15px;

}



p.c-caption2 {

    color: #d7d5d5;

    padding-right: 61px;

    /* text-align: justify; */

    line-height: 26px;

}



h3.c-cap {

    color: #f56600;

    font-size: 54px;

    margin-bottom: 10px;

    position: relative;

}



/* h3.c-cap::before {

    width: 60px;

    height: 2px;

    background: #ff5e14;

    content: '';

    position: absolute;

    left: 0;

    bottom: -15px;

} */



.c-txt-2 {

    margin-top: 76px;

}



.client {

    width: 80%;

    margin: 80px auto 0 auto;

}



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



.g-img img{

    width: 100%;

}



/* <!------------------- Blog ----------------------> */



h2.n-header {

    font-size: 35px;

    color: #06163a;

    margin-bottom: 35px;

    font-weight: 600;

    

}



p.n-header2 {

    color: #6b6b6b;

    padding: 0 166px;

    line-height: 24px;

    margin-bottom: 45px;

    /* line-height: 15px; */

    font-size: 15px;

    

}



.blog {

    margin-top: 70px;

}



.n-full.position-relative {

    border: 1px solid #d2d2d2;

}



.n-img {

    width: 100%;

    height: 350px;

    overflow: hidden;

    float: left;

    position: relative;

    /* border-radius: 50px; */

    background-color: #ddd;

    transition: .5s ease-in-out;

}



.n-img img{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: auto;

    height: auto;

    margin: auto;

    transition: .5s ease-in-out;

}



.n-img img:hover{

    transform: scale(1.1);

}



.n-profile img {

    width: 40px;

}



h4.n-title a {

    font-size: 18px;

    color: #06163a;

    line-height: 29px;

    display: inline-block;

    margin-bottom: 10px;

    font-weight: 600;

}



h4.n-title a:hover{

    text-decoration: none;

    color: #f56600;

}



p.n-title2 {

    color: #6b6b6b;

    margin-bottom: 20px;

}



h5.n-des {

    font-size: 16px;

    margin-top: 10px;

    margin-left: 12px;

    margin-bottom: 0;

}



.n-box {

    display: inline-block;

    width: 100%;

    background: #f5f9fd;

    padding: 20px 20px 21px;

}



.n-full {

    box-shadow: 0 0 10px 0 #ddd;

}



a.n-link {

    color: #f56600;

    text-transform: capitalize;

    font-weight: 500;

}



a.n-link i{

    margin-left: 8px;

}



.n-bg {

    background: rgba(255, 94, 20,0.7);

    width: 68px;

    height: 61px;

    display: inline-block;

    position: absolute;

    top: 166px;

    right: 22px;

    /* bottom: 151px; */

    padding-top: 4px;

}



.n-bg2 {

    background: #f56600;

    width: 68px;

    height: 61px;

    padding-top: 4px;

    margin-left: -9px;

    margin-top: -12px;

}



h5.n-date {

    font-size: 23px;

    color: #fff;

    margin-bottom: 4px;

}



h5.n-date2 {

    font-size: 18px;

    color: #fff;

    margin-bottom: 0;

    letter-spacing: 3px;

}



p.n-para {

    font-size: 17px;

    color: #6c6c6c;

    line-height: 27px;

}



/* <!------------------- footer up ----------------------> */


.ftr-up .owl-carousel .item{border:1px solid #ddd;}
.ftr-up .owl-carousel .owl-item img {

    display: block;

    /*width: 120px; */

}



/*.cl-img{

    width: 80px !important;

}



.cl-img2{

    width: 100px !important;

}
*/


.ftr-up {

    margin-top: 70px;

    padding: 30px 0;

    border-top: 1px solid #ddd;

}









.look{

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

    background-size: cover;

    background-position: center;

    padding: 90px 0;

    margin-top: 80px;



}



p.l-header {

    color: #fff;

    font-size: 35px;

    font-weight: 600;

    margin-bottom: 7px;

}



p.l-header2 {

    font-size: 20px;

    color: #fff;

}



a.l-link {

    display: inline-block;

    background: #f56600;

    color: #ffffff;

    text-transform: capitalize;

    padding: 12px 35px;

    letter-spacing: 2px;

    font-weight: 600;

    position: relative;

    z-index: 1;

    overflow: hidden;

    font-size: 18px;

}



a.l-link i{

    margin-left: 5px;

}



a.l-link:hover{

    text-decoration: none;

    color: #06163a;

}



a.l-link::before {

    content: "";

    width: 100%;

    height: 100%;

    background-color: #fff;

    z-index: -1;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    transform: translatex(-100%);

    transition: ease-in-out .4s;

}



a.l-link:hover::before{

    transform: translatex(0);

   

}





/* <!------------------- footer ----------------------> */



.ftr-container{

    width: 80%;

    margin: 0 auto;

}



.ftr-logo a img {

    width: 100px;

}



.ftr-bg {

    background-color: #06163a;

    padding: 50px 0;

}



.ftr-list{

    margin: 0;

    padding: 0;

    list-style: none;

}





/* .footer {

   

    padding: 50px 0 30px;

    background: #454545;

} */



h5.ftr-heading {

    color: #fff;

    font-size: 23px;

    margin-bottom: 40px;

    position: relative;

}



h5.ftr-heading::before {

    width: 40px;

    height: 3px;

    background: #ff5e14;

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

}



h5.ftr-heading2 {

    color: #fff;

    font-size: 20px;

    margin-bottom: 15px;

}



p.ftr-para2 {

    color: #c9c9c9;

    font-size: 15px;

    margin-top: 28px;

    /* padding-right: 100px; */

    margin-bottom: 30px;

}



.ftr-flex{

    display: flex !important;

}



.ftr-list li a h5 {

    color: #d9d9d9;

    font-size: 15px;

    margin-top: 9px;

    line-height: 26px;

    font-weight: 400;

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

}

sup.suptop {top: 0.9em;}

.ftr-list li a h5:hover{

    color: #f56600;

    text-decoration: none;

}



.ftr-list li a {

    display: flex;

    margin-bottom: 7px;

}



.ftr-list li a:hover{

    color: #f56600;

    text-decoration: none;

}



.ftr-list li a i {

    color: #ff5e14;

    margin-right: 10px;

    font-size: 14px;

    /* width: 30px; */

    /* height: 30px; */

    display: inline-block;

    /* background: #ff5e14; */

    padding: 10p;

    text-align: center;

    /* padding: 9px; */

    transform: translateY(14px);

    /* line-height: 12px; */

}



.ftr-list2{

    margin: 0;

    padding: 0;

    list-style: none;

}



.ftr-list2 li a {

    color: #d9d9d9;

    display: inline-block;

    line-height: 35px;

    font-size: 17px;

}



.ftr-2 {

    margin-left: 55px;

}



.ftr-3 {

    margin-left: 30px;

}



.ftr-list2 li a:hover{

    color: #f56600;

    text-decoration: none;

}



.ftr-list3{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}





.ftr-list3 li a {

    

    display: inline-block;

    line-height: 40px;

    font-size: 16px;

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

}



.ftr-list3 li a i {

    background-color: #ff5e14;

    width: 35px;

    height: 35px;

    color: #ffffff;

    text-align: center;

    line-height: 35px;

    /* border-radius: 100%; */

}



.ftr-2 {

    margin-left: 55px;

}



.ftr-3 {

    margin-left: 30px;

}



.footer-2 {

    background: #06163a;

    padding: 25px 0;

    border-top: 1px solid #b4b4b4;

}



.ftr-title {

    font-size: 15px;

    color: #fff;

    margin-bottom: 0;

}



.ftr-top{

    margin-top: 60px;

}



.footer {

    margin-top: -3px;

    position: relative;

}



a.ftr-btn {

    background: #ff5e14;

    color: #fff;

    display: inline-block;

    font-size: 16px;

    padding: 10px 30px;

    font-weight: 600;

}



a.ftr-btn i{

    font-size: 15px;

    margin-left: 6px;

}









/*------------- all baners ----------------*/



.about-banner{

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

    background-size: cover;

    background-position: center;

}



.product-banner{

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

    background-size: cover;

    background-position: center;

}



.contact-banner{

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

    background-size: cover;

    background-position: center;

}

.packagingbanner{
    background: url(../images/packagingbanner-ban.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}




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



.ovr-cap{

    padding: 250px 0;

}



.over-img {

    width: 100%;

    height: 478px;

    overflow: hidden;

    float: left;

    position: relative;

    /* border-radius: 50px; */

    background-color: #ddd;

    margin-top: 20px;

}



.over-img img{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: auto;

    height: auto;

    margin: 0 auto;

}



h5.ovr-header {

    color: #1d3862;

    font-weight: 600;

    font-size: 25px;

    margin-bottom: 20px;

}



p.ove-para {

    font-size: 18px;

    text-align: justify;

    color: #535353;

    line-height: 32px;

    margin-bottom: 10px;

}



p.ove-para {

    font-size: 17px;

    text-align: justify;

    color: #535353;

    line-height: 32px;

    margin-bottom: 10px;

}





.ove-rt {

   

    margin-right: 20px;

}



.overview{

    margin-top: 80px;

}



h5.ovr-header2 {

    font-size: 22px;

    margin-bottom: 11px;

}



h5.ovr-header3 {

    font-size: 16px;

    color: #7c7a7a;

    margin-bottom: 17px;

}



.ovr-header4 {

    font-size: 22px;

    margin-bottom: 35px;

    position: relative;

}



.ovr-header4::before {

    content: "";

    width: 60px;

    height: 2px;

    background-color: #001e57;

    position: absolute;

    bottom: -16px;

    left: 0;

}



.f-list2{

    list-style: none;

    margin: 0;

    padding: 0;

}



.f-list2 li {

    font-size: 17px;

    line-height: 38px;

    display: flex;

}



.f-list2 li h5 {

    font-size: 17px;

    font-weight: 400;

    margin-bottom: 16px;

}



.f-list2 li i {

    color: #001e57;

    margin-right: 10px;

    font-size: 13px;

    transform: translateY(4px);

}



.ovr-rt {

    margin-left: 50px;

    margin-top: 80px;

}



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



.abt-bg {

    background: #e2e9f6;

    padding: 20px;

    margin-top: -10px;

}



.a-icon img {

    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(177deg) brightness(95%) contrast(109%);

    width: 60px;

}



h5.b-title {

    color: #001e57;

    font-size: 25px;

    margin-top: 20px;

}



.mt-top {

    margin-top: 36px !important;

}



p.b-para {

    font-size: 17px;

    color: #4f4f4f;

}



.ovr-top{

    margin-top: 20px;

}



.f-list{

    list-style: none;

    margin: 0;

    padding: 0;

}



.f-list li {

    font-size: 17px;

    line-height: 38px;

}



.f-list li i{

    color: #001e57;

    margin-right: 10px;

    font-size: 13px;

    

}



h5.f-header {

    color: #001e57;

    font-weight: 600;

    font-size: 30px;

    letter-spacing: 1px;

    margin-bottom: 10px;

}



.forge-img{

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

    min-height: 600px;

    margin: 40px 0;

}





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



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



.con-box {

    text-align: center;

    box-shadow: 0px 5px 15px 0px rgb(62 65 159 / 10%);

    padding: 40px;

    min-height: 320px;

    margin-top: 30px;
	border:1px solid #ddd;

}



.con-icon a {

    background: #9e9e9e;

    width: 85px;

    height: 85px;

    background: #e8e8e8;

    line-height: 85px;

    text-align: center;

    /* margin: 0 auto; */

    border-radius: 50%;

    display: inline-block;

    font-size: 30px;

    color: #001e57;

}



.con-icon a:hover{

    color: #fe5d15;

}



h5.con-text2 {

    font-size: 22px;

    display: inline-block;

    margin: 20px 0;

    font-weight: 600;

}



h5.con-text {

    font-size: 17px;

    color: #737373;

    line-height: 26px;

    padding: 0 10px;

}



h3.get-heading {

    text-transform: capitalize;

    font-size: 35px;

    margin-bottom: 40px;

    position: relative;

}



h3.get-heading::after {

    content: "";

    width: 67px;

    height: 3px;

    background-color: #f56600;

    position: absolute;

    /* bottom: -7px; */

    left: 46%;

    bottom: -10px;

    /* margin-bottom: 40px; */

}



p.get-para {

    padding: 0 287px;

    color: #545454;

    line-height: 28px;

    font-size: 18px;

}



.form-get-bg .form-get-box .form-grp-1 .form-control {

    height: 50px;

    border-radius: initial;

    padding-left: 25px;

    border: 1px solid #d7d4d4;

}



.form-get-bg .form-grp-1 .msg{

    height: 148px !important;

    resize: none !important;

    padding-left: 25px !important;

    border: 1px solid #d7d4d4;

    border-radius: initial;

}



.form-get-bg .form-grp-1 .form-control::placeholder{

    font-size: 15px;

}



input.get-link {

    background-color: #001e57;

    color: #fff;

    font-weight: 500;

    font-size: 14px;

    border: none;

    padding: 17px 40px;

    margin-top: 10px;

    transition: all 0.5s ease;

}



.form-grp-1 {

    margin-bottom: 25px;

}



.from-bg3 {

    background: #ddd;

    padding: 40px;

    padding: 50px;

    background: #fff;

    box-shadow: 0px 1px 15px 0px rgb(62 65 159 / 10%);

    margin: 30px 0 60px;

}



.get-1 {

    margin-top: 60px;

}



.ftr-up{

    margin-top: 70px;

}



.aw-img img {

    border: 1px solid #c8c6c6;

    /* margin: 0 auto; */

    padding: 15px;

}



h5.aw-header {

    display: inline-block;

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    color: #015198;

    margin-top: 20px;

    /* background: #000; */

    /* color: #fff; */

    margin-bottom: 0;

}



.r-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.r-list li a {

    display: inline-block;

    color: #686868;

    font-size: 17px;

    line-height: 30px;

}



.r-list li a i {

    color: #f56600;

    font-size: 13px;

    transform: translateY(0px);

    margin-right: 10px;

}



.r-1 {

    /* background: #f96900; */

    /* text-align: center; */

    border: 1px solid #ddd;

    padding: 30px 40px;

}



h5.r-header1 {

    font-size: 30px;

    text-transform: capitalize;

    color: #001e57;

    text-align: center;

    margin-bottom: 20px;

}



.contact-1{

    margin-top: 60px;

}





/*------------- Product Page ----------------*/



.d-buttons{

    list-style: none;

    margin: 0;

    padding: 0;

}



.d-buttons li a {

    display: inline-block;

    background: #e9ebf4;

    width: 320px;

    color: #001e57;

    text-transform: capitalize;

    font-weight: 500;

    font-size: 20px;

    padding: 20px;

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

}



.d-buttons li {

    margin-bottom: 10px;

}



.d-buttons li a:hover{

    background-color: #001e57;

    color: #fff;

    text-decoration: none;

}



.ac-in{

    background-color: #001e57 !important;

    color: #fff !important;



}



/* .d-img{

    width: 100%;

    height: 117px;

    overflow: hidden;

    float: left;

    position: relative;

   

    background-color: #ddd;

}



.d-img img{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: auto;

    height: auto;

} */



/* .d-img2{

    width: 100%;

    height: 117px;

    overflow: hidden;

    float: left;

    position: relative;

    background-color: #ddd;

} */



.d-img2 img {

    width: 100%;

    height: 180px;

}



.d-box {

    background: #001e57;

    text-align: center;

    width: 80%;

    padding: 45px 40px;

    margin-top: 40px;

}



h5.d-cap {

    color: #fff;

    font-size: 27px;

    line-height: 40px;

    margin-top: 25px;

    position: relative;

    margin-bottom: 64px;

}



h5.d-cap::before {

    content: "";

    width: 90px;

    height: 1px;

    background-color: #fff;

    position: absolute;

    bottom: -30px;

    left: 72px;

}



a.d-link {

    display: block;

    color: #fff;

    font-size: 20px;

}



.d-icon i {

    color: #fff;

    font-size: 45px;

    width: 100px;

    height: 100px;

    border: 2px solid #fff;

    border-radius: 100%;

    line-height: 100px;

}



.d-img {

    width: 100%;

    height: 385px;

    overflow: hidden;

    float: left;

    position: relative;

    /* border-radius: 50px; */

    background-color: #ddd;

    transition: .5s ease-in-out;

   

}



.d-img img{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    width: auto;

    height: auto;

    transition: .5s ease-in-out;



}



h5.d-header {

    font-size: 28px;

    color: #001e57;

    font-weight: 600;

    margin-bottom: 30px;

    text-transform: capitalize;

}



p.d-para {

    font-size: 18px;

    color: #5a5959;

    line-height: 30px;

    display: inline-block;

}



h5.d-header2 {

    display: inline-block;

    font-size: 23px;

    color: #f56600;

    font-weight: 600;

    margin-bottom: 26px;

    margin-top: 25px;

}



h5.h-cap {

    font-size: 15px;

    font-weight: 400;

    line-height: 22px;

    margin-top: 11px;

}



.d-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.d-list li {

    font-size: 17px;

    line-height: 36px;

    display: flex;

}



.d-list li h5 {

    font-weight: 400;

    margin-bottom: 18px;

    line-height: 26pz;

    line-height: 28px;

    font-size: 18px;

}



.d-list li i {

    color: #f96900;

    font-size: 14px;

    margin-right: 10px;

    transform: translateY(6px);

}



.pro-des{

    margin-top: 70px;

}



h5.d-header3 {

    display: inline-block;

    color: #f96900;

    font-weight: 600;

    font-size: 18px;

}



.mill-top {

    display: inline-block;

    margin-top: 25px;

}



.d-list2{

    margin: 0;

    padding: 0;

    list-style: none;

}



.d-list2 li {

    

    line-height: 36px;

    display: flex;

}



.d-list2 li h5 {

    font-weight: 400;

    font-size: 17px;

    line-height: 28px;

    margin-bottom: 10px;

}



.d-list2 li i {

    color: #f96900;

    font-size: 14px;

    margin-right: 10px;

    transform: translateY(6px);

}



.table-width th, td {

    border-bottom: 1px solid #bdbcbc;

    padding: 6px;

}



table.table-width {

    width: 100%;

    border: 1px solid #9e9e9e;

    margin-top: 12px;

}



.table-tr{

    background-color: #f56600 !important;

    color: #fff !important;

}



.d-img3 img{

    width: 100%;

}



table.table-box2.mt-2 {

    border: 1px solid #ddd;

    font-size: 15px;

}



tr.t-border {

    background: #f96900;

    color: #fff;

}



tr.t-border2 {

    background: #ddd;

}



.h-img2 img {

    width: 80%;

    margin-left: -20px;

    margin-top: 22px;

}



.d-list3{

    margin: 0;

    padding: 0;

    list-style: none;

}



.d-list3 li {

    background: #f96900;

    margin-bottom: 20px;

    /* width: 60%; */

    text-align: center;

    color: #fff;

    font-size: 17px;

    padding: 8px;

    display: inline-block;

}



.h-img img {

    width: 100%;

}



h4.heat-title::before {

    content: "";

    width: 60px;

    height: 2px;

    background-color: #f56600;

    position: absolute;

    bottom: -12px;

    left: 0;

}



h4.heat-title {

    color: #f96900;

    position: relative;

    /* padding-left: 72px; */

    margin-bottom: 25px;

}



h5.heat-title1 {

    text-transform: capitalize;

    font-size: 22px;

}



.h-list{

    list-style: none;

    margin: 0;

    padding: 0;

}



.h-list li a{

    display: flex;

}



.h-list li a h5 {

    font-size: 18px;

    color: #7c7b7b;

    font-weight: 400;

    margin-bottom: 10px;

    line-height: 25px;

}



.h-list li a i {

    color: #f56600;

    font-size: 12px;

    margin-right: 6px;

    transform: translateY(6px);

}



.h-list li a:hover{

    text-decoration: none;

}



.heat-title2{

    text-transform: capitalize;

    font-size: 25px;

}



.he-img2 img {

    width: 100%;

}



.he-img2{

    margin-bottom: 30px;

}



.pro-des .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #495057;

    background-color: #fff;

    border: initial !important;

}



.pro-des .nav-tabs {

    border-bottom: initial;

}



.pro-des .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    

    

    border: initial !important;

    background: #f96900 !important;

    color: #fff !important;

    border-radius: initial !important;

    font-weight: 500;

}



.pro-des .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {

   

    background: #f96900;

    border: initial !important;

    /* background: #f96900 !important; */

    color: #fff !important;

    border-radius: initial !important;

    font-weight: 500;

}



.pro-des ul.nav.nav-tabs li a {

    padding: 6px 30px;

    font-size: 18px;

    font-weight: 500;

    background-color: #000;

    color: #fff;

    border-radius: initial;

    margin-left: 20px;

}









.packaging .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #495057;

    background-color: #fff;

    border: initial !important;

}



.packaging .nav-tabs {

    border-bottom: initial;

}



.packaging .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    

    

    border: initial !important;

    background: #f96900 !important;

    color: #fff !important;

    border-radius: initial !important;

    font-weight: 500;

}



.packaging .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {

   

    background: #f96900;

    border: initial !important;

    /* background: #f96900 !important; */

    color: #fff !important;

    border-radius: initial !important;

    font-weight: 500;

}



.packaging ul.nav.nav-tabs li a {

    padding: 6px 30px;

    font-size: 18px;

    font-weight: 500;

    background-color: #000;

    color: #fff;

    border-radius: initial;

    margin-left: 20px;

}



.pack-img img {

    width: 82%;

}



.pack-rt {

    margin-left: -80px;

}



.pack-lft{

    margin-right: 20px;

}



h5.pack-header {

    color: #001e57;

    font-size: 25px;

    margin-bottom: 15px;

}



p.pack-para {

    font-size: 17px;

    color: #676767;

    line-height: 27px;

}



.p-tab {

    margin-top: 50px;

}



.pack-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.pack-list li a{

    display: flex;

}



.pack-list li a h5 {

    color: #545454;

    font-size: 17px;

    line-height: 27px;

}



.pack-list li a i {

    color: #001e57;

    font-size: 12px;

    transform: translateY(6px);

    margin-right: 8px;

}



h5.pack-title {

    color: #f96900;

    font-size: 22px;

    margin-bottom: 12px;

}



.pack-list li a:hover{

    text-decoration: none;

}



.pack-tab{

    margin-top: 70px;

}



.pack-img2 img{

    width: 100%;

}







/*--------------- vission ----------------*/



.v-bg {

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

    background-size: cover;

    min-height: auto;

    padding: 80px 0;

  }

  

  .v-img {

    width: 100%;

    height: 382px;

    overflow: hidden;

    float: left;

    position: relative;

    /* border-radius: 50px; */

    background-color: #ddd;

}

  

  .v-img img{

    position: absolute;

      top: 0;

      left: 0;

      right: 0;

      bottom: 0;

      max-width: 100%;

      width: auto;

      height: auto;

  }

  

  .v-box {

    background: #ffffff;

    min-height: 382px;

    padding: 30px;

}



.v-box2 {

    background: #ffffff;

    min-height: 382px;

    padding: 64px 30px;

}

  

  h5.v-heading {

    color: #103c81;

    font-size: 24px;

    font-weight: 600;

  }

  

  p.v-para {

    color: #313131;

    line-height: 27px;

    margin-bottom: 0;

  }

  

  .vission .container .row .col-lg-6{

    padding-left: 0;

    padding-right: 0;

  }

  

  .vission {

    margin-top: 60px;

  }

  

  p.core-para {

    font-size: 18px;

    /* padding-left: 100px; */

  }

  

  p.core-para2 {

    color: #184894;

    font-weight: 600;

    /* padding-left: 154px; */

    font-size: 17px;

    text-align: center;

    margin-bottom: 35px;

  }

  

  h5.v-heading2 {

    font-size: 35px;

    /* font-family: 'Roboto Slab', serif; */

    

    color: #174993;

    margin-bottom: 20px;

  }

  



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



  .career-banner{

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

    background-size: cover;

    background-position: center;

  }



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{

    

    text-transform: capitalize;

    font-size: 17px;

    color: #3e3e3e;

    margin-bottom: 10px;

  }

  

  .form-car-box {

    margin-top: 20px;

  }

  

  input.car-link {

    background-color: #174993;

    color: #fff;

    font-weight: 500;

    font-size: 16px;

    border: none;

    padding: 10px 37px;

    margin-top: 19px;

  }

  

  .career-form{

    margin-top: 50px;

  }

  

  

  /* .click-to-top {

    position: fixed;

    right: 85px;

    bottom: 25px;

    z-index: 999;

  }

  

  .click-button {

    background: #103c81;

    border: none;

    color: #fff;

    width: 45px;

    height: 45px;

    display: inline-block;

    

  }

  

  .click-angle {

   font-size: 20px;

   transform: translateY(0px);

   

  }

   */



/*------------------ quality -------------------*/



.q-banner{

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

    background-size: cover !important;

    background-position: center;



}
.gallerybanner{
    background: url(../images/gallery-banner.jpg) no-repeat;
}




h5.q-title2 {

    font-size: 37px;

    color: #f96900;

    text-transform: capitalize;

    letter-spacing: 2px;

}



p.q-para3 {

    font-size: 18px;

}



.q-list2{

    margin: 0;

    padding: 0;

    list-style: none;

}



.q-list2 li {

    font-size: 18px;

    line-height: 38px;

}



.q-list2 li i {

    color: #f56600;

    font-size: 13px;

    transform: translateY(-1px);

    margin-right: 12px;

}



.quality-2 {

    margin-top: 70px;

}





/*------------------ sustain -------------------*/