body{
  margin: 0px;
  padding: 0px;
}


/* --- Html Scroll Behavious--- */
html {
  scroll-behavior: smooth;
}

/* --- Before & After Space --- */
.after_bef_space p{
  padding-bottom: 50px;
}


.navbar{
  background-color: white;
  font-size: 1rem;
  padding: 0;
  text-align: center;
}

.navbar a hover{
  text-decoration: none;
}

.dropdown{
  opacity:0.9; 
  font-size: .8rem;
}

.dropdown-menu{
  font-size: .8rem;
  background-color:red;
  text-align: center;
  color: white;
  margin-left: 3rem;
}


/* Bimco Certified */
.bim_certi h2{
  color: #007bff;
  font-size: 1.3rem;
  text-align: right;
  margin-bottom: 1rem;
}

/* End */


/* golden line */

.goldenline h4::after {
  content: '';
  position: absolute;
  display: block;
  width: 100px;
  height: 2px;
  background: #ffc107;
  bottom: 0;
  text-align: center;
  left: calc(50% - 60px);
}


/* Welcome Section start */
.welcome_hd h4{
    color: #0074D9;
    /* padding-bottom: . rem; */
    font-family: 'Catamaran';
    padding-top: .1rem;
    font-size: 1.2rem;
    letter-spacing: .3rem;
    text-align: center;
    padding-bottom: .2rem;
} 

.welcome_con{
  margin-top: .7rem;
}


.wel_col1{
  text-align: center;
  margin-bottom: .5rem;
}

.wel_col2{
  text-align: justify;
}
/* Welcome section end */


hr{
  position: relative;
        top: 1px;
        border: lightgray;
        height: .004rem;
        width: 80%;
        background: #A3A8A9;
        margin-bottom: 0px;
}


/*Index Product Starts */

.prod_1 h1{
  font-size: 1.2rem;
  color: #B57A12;
  text-align: center;
}

.prod_1 h2{
  font-size: .85rem;
  text-align: justify;
  margin-bottom: 1rem;
  color: grey;
  font-weight: 400; 
}

.prod_2 h1{
  font-size: 1.2rem;
  color: #B57A12;
  text-align: center;
}

.prod_2 p{
  margin-bottom: 0;
  font-size: .85rem;
  color: grey;
  font-weight: 400;
}

.prod_2 i{
  color: lightgray;
  margin: .2rem;
  padding-left: 2rem;
}
/* End */



/* Product Ends */
.padding h4{
    color: #0074D9;
  	padding-bottom: .5rem;
  	font-family: 'Catamaran';
    padding-top: 1rem;
    /* color: red; */
    font-size: 22px;
    letter-spacing: .3rem;
    text-align: center;
  padding-bottom: 0px;
}	
/* End */



/* Our Client */
.our_cl h4{
    margin-top: 1rem;
    color: #0074D9;
    padding-bottom: . rem;
    font-family: 'Catamaran';
    padding-top: 1rem;
    font-size: 1.2rem;
    letter-spacing: .3rem;
    text-align: center;
    padding-bottom: .2rem;}
/* End */

/* Certificate */

#Certificate{
  margin-top:2rem;
  padding-top:10px;
  padding-bottom:5px;
  background-color: #D9D9D9;
  text-align: center;
  color: black;
}

#Certificate h1{
  font-size: 1.2rem;
  text-decoration: underline;
  font-family: 'Oswald', sans-serif;
  letter-spacing: .3rem;
}

#Certificate h2{
  font-size: 1rem;
  font-family: 'Lato';
  margin-top: .5rem;
  margin-bottom: 1rem;
  letter-spacing: .2rem;
}

#Certificate img{
  height: 200px;
  border: 2px solid #555;
 
}

#Certificate a{
  text-decoration: none;
  color: #9E3000;
}

#Certificate a:hover{
  text-decoration: none;
  color: black;
}


/* Certificate End */




/* Our Clients */
.our_cl {
  text-align: center;  
}

.our_cl h2{
  font-size: 18px;
  margin-top: 2rem;
}

.our_cl img{
  margin-top: .5rem;
  width: 600px;
}
/* End */


/* overseas client */
.ov_cl_list {
  text-align: center;  
}

.ov_cl_list h4{
  /* margin-top: 1rem; */
    color: #0074D9;
    /* padding-bottom: . rem; */
    font-family: 'Catamaran';
    padding-top: 1rem;
    font-size: 1.2rem;
    letter-spacing: .3rem;
    text-align: center;
    padding-bottom: .2rem;
}

.ov_cl_list img{
  width: 750px; 
  margin-top: 1rem; 
}
/* End */


/* Contact US */
.cont_us h4{
   margin-top: 1rem;
    color: #0074D9;
    padding-bottom: . rem;
    font-family: 'Catamaran';
    padding-top: 1rem;
    font-size: 1.2rem;
    letter-spacing: .3rem;
    text-align: center;
    padding-bottom: .1rem;
}

/* End */


/* ---- GO TO TOP ICON PROPERTIES Start---- */
#top{
  display: none;
  padding: 0px;
  position: fixed;
  height: 42px;
  width: 42px;
  bottom: 10px;
  right: 30px;
  z-index: 99;
  font-size: 24px;
  line-height: 2px;
  border: none;
  outline: none;
  background-color: #44d2f5;
  color: white;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
}

#top:hover {
  background-color: #44b0f5; /* Add a dark-grey background on hover */
}

/* End */



/* ---- Footer Start----- */
.footer-info{
  text-align: center;
  font-size: .85rem;
}

.footer-info a{
color: white;
font-size: .85rem;
text-decoration: underline;
}

.footer-info br{
  margin-top: 1rem;
}

.footer-info h3{
  /* font-size: 100rem; */
  text-decoration: underline;
}

.footer-info strong{
  font-size: 1rem;
  text-decoration: none;
}


.social-links a{
  margin-right: 10px;
  text-decoration: none;
}

footer{
background-color: #4479C8;
width: 100%;
margin-top: 30px;
padding-top: .3rem;
padding-bottom:5px;
/* font-family: 'Open Sans', sans-serif; */
font-family: 'Lato';
text-align: center;
color: white;
}

#footer h4{
  font-size: 1rem;
}

#footer h3{
  margin-top: .40rem;
  font-size: 1.1rem;
}


.social-links i{
  color: white;
  font-size: 1.7rem;
}


#footer p{
  font-size: .8rem;
}


/* End */




/* ABOUT US HTML START */

.abtus_tbl td{
  font-size: .8rem;
  padding-left: .4rem;
}

table, td, th {
  border: .01rem solid grey;
}


table {
  border-collapse: collapse;
  width: 96%;
}


.tble_hd h3{
  font-size: 1rem;
  margin-left: 2rem;
  color: #4da6ff; 
}


.communi .row{
    text-align: center;
}

.communi h3{
  font-size: 1rem;
  color: red;
}

.communi h2{
  font-size: .9rem; 
}

.abtus_tbl th{
  color: orange; 
  font-size: .75rem;
}


.test_equip{
  line-height: 1.3rem;
  margin-bottom: 0rem;
  font-size: .8rem;
  text-align: justify;
}

.test_equip b{
  color: #4da6ff;
  font-size: 1rem;
  text-decoration: underline;
}
/* ------------ ABOUT US HTML ENDS ------------ */


/* -----------------  SERVICES STARTS ------------ */

.container-fluid{
   margin:0 ;
  padding:0;
}


.ser_cont_1{
  color: grey;
  font-size: .8rem;
  text-align: justify;
}

.ser_tble_hd h3{
  font-size: .9rem;
  color: #4da6ff; 
  text-decoration: underline;
}

.serv_tbl table{
  font-size:.58rem;
  margin:0 ;
  padding:0;
}

/* SERVICES ENDS */


/* Products */

.prod_tbl_con img{
  height: 130px;
  margin-bottom: .3rem;
}

.prod_tbl_con h2{
  color: #40A2ED;
  font-size: .7rem;
}

.prod_tbl_con h3{
  color: grey;
  font-size: .7rem;
}

.prod_tbl_con{
  text-align: center;
  font-size: .80rem;
  columns: grey;
}

.rota_text{
  font-size: .75rem;
  text-align: center;
  font-weight: 500;
}

.next_pg{
  text-align: right;
  margin: 1rem;
  padding-right:2rem ;
  color: black;
  font-size: .8rem; 
}


.rota_text h3{
  font-size: .80rem;
  text-align: center;
  text-decoration: underline;
  color: black;
}
.rota_text h2{
  font-size: .80rem;
  text-align: left;
  color: grey;
}

.rota_text i{
  margin-bottom: .3rem;
  text-align: justify;
}

.rota_text h4{
  font-size: .80rem;
  color: grey;
  text-align: justify; 
  line-height: 1.06rem;
}



/* MIX */
.pg_head{
  color:#0A3A63;
  /* text-decoration: underline; */
  text-align: center;
}



/* Products.html */

.prodcts_head h1{
    margin-top: 1rem;
    color: #0074D9;
    /* padding-bottom: .rem; */
    font-family: 'Catamaran';
    padding-top: 1rem;
    font-size: 1.3rem;
    letter-spacing: .3rem;
    text-align: left ;
    padding-bottom: .2rem;
    text-decoration: underline;

/* 
  font-size: 1.2rem;
  text-decoration: underline;
  margin-bottom: 1rem;
  color: #AF7F2C; */
}

.prodcts_intro h2{
  font-size: .8rem;  
  font-weight: 400;
  text-align: justify;
}

.text_size{
  font-size: 1.1rem;
}

.text_size .range{
  text-decoration: underline;
  color: maroon;
  padding-bottom: .5rem;
}

.prod_range{
  font-size: .9rem;
}


.prod_range a{
  text-decoration: none;
  color: black;
}

.prod_range a:hover{
  text-decoration: none;
  color: red;
}

.prod_range img{
  font-size: 10px;
}

.prod_range i{
  font-size: .6rem;
  margin-left: 1rem;
  padding: .5rem;
  color: green;
  padding-bottom: .6rem; 
}


.navbar-toggler-icon{
  font-size: 1.1rem;
  padding-right: 2rem:
  color: white; 
}

/* .navbar-toggler{
  background-color: white;
} */


.product_rng_cont img{
  height: 150px;
  width: auto;
  margin-bottom: .3rem;
}


.product_rng_col img.pdf_thum{
  height: 16px;
  width: auto;
  margin-top: .4rem;
  margin-bottom: .3rem;
}

.product_rng_cont h2{
  margin-bottom: .95rem;
  font-size: .8rem;
  color: #1F71AB;
}

.back_to_pr h2{
  font-size: 1rem;
  color: black ;
  text-align: right;
}


.social-links a{
  color: white;
}

/*Css*/
.social-media-links a {padding: 10px;}
.social-media-links .fa {/*color: #fff;*/margin: 0 5px;font-size: 15px;}
.imgc {padding: 0 15px;}
.imgt {text-align: left;}
.pbox {min-height: 300px;}
.pbox {/* display: flex; */align-items: center;margin-bottom: 15px;position: relative;overflow: hidden;cursor: pointer;}
/*.imgc {transform: translateX(0%);transition: 1s ease-in-out;position: absolute;display: block;width: 100%;}*/
.imgc {transform: translateX(0%);transition: 1s ease-in-out;position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
/*.imgt {transform: translateX(100%);transition: 1s ease-in-out;width: 100%;}*/
.imgt {transform: translateX(100%);transition: 1s ease-in-out;width: 100%;display: flex;height: 100%;align-items: center;justify-content: center;position: absolute;}
.pbox:hover .imgc {transform: translateX(-100%);transition: 1s ease-in-out;transition-delay: 1s;}
.pbox:hover .imgt {transform: translateX(0%);transition: 1s ease-in-out;width: 100%;transition-delay: 1s;}
.product_rng_cont h2 {border-bottom: 1px solid #333;}


.world-bg {
    background: linear-gradient(45deg, rgb(255 255 255 / 50%), rgb(255 255 255 / 50%)) ,url(../images/home/map.png) center center;
    background-size: cover;background-attachment: fixed;
}
.world-bg .row.py-3 .row {justify-content: center;}
.world-bg p {font-weight: 700;}


footer {background-color: #4479C8;width: 100%;margin-top: 30px;background: linear-gradient(45deg, rgb(0 123 255 / 25%), rgb(0 123 255 / 25%)), url(../images/home/footerbg.png) center center;background-size: cover;background-attachment: fixed;padding-top: 0.3rem;padding-bottom: 5px;font-family: 'Lato';text-align: left;color: white;}
.footer-top {padding: 30px;line-height: 2;}
.footer-info {text-align: left; font-size: .85rem;}
span.social-links.mt-3 {float: right;margin: 0!important;}
hr.wt {background: #fff;margin-bottom: 16px;width: 100%;border-bottom: 1px solid #fff;}

span.facebook {padding: 12px 2px;}
span.facebook, span.twitter, span.linkedin, span.instagram, span.pinterest {background: #fff;width: 100%;height: 100%;padding: 12px 0;border-radius: 50%;}
em.fa.fa-facebook {color: #19afff;}
em.fa.fa-linkedin {color: #0077b5;}
em.fa.fa-twitter {color: #1d9bf0;}
em.fa.fa-instagram {color: #f7643e;}
em.fa.fa-pinterest-p {color: #f53232;}
span.social-media-links span {margin: 2px;}
span.twitter a {padding: 10px 8px;}
span.linkedin a {padding: 10px 9px;}

/* COMPACT CAPTCHA */

.capbox {
  background-color: #BBBBBB;
  background-image: linear-gradient(#BBBBBB, #9E9E9E);
  border: #2A7D05 0px solid;
  border-width: 2px 2px 2px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  padding: 5px 8px 5px 8px;
  border-radius: 4px 4px 4px 4px;
  }

.capbox-inner {
  font: bold 12px arial, sans-serif;
  color: #000000;
  background-color: #E3E3E3;
  margin: 0px auto 0px auto;
  padding: 3px 10px 5px 10px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  }

#CaptchaDiv {
  color: #000000;
  font: normal 25px Impact, Charcoal, arial, sans-serif;
  font-style: italic;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFFF;
  user-select: none;
  display: inline-block;
  padding: 3px 14px 3px 8px;
  margin-right: 4px;
  border-radius: 4px;
  }

#CaptchaInput {
  border: #38B000 2px solid;
  margin: 3px 0px 1px 0px;
  width: 105px;
  }