* {
     margin: 0;
     padding: 0;
 }

 :root {
     --facebook: #1877F2;
     --linkedin: #0A66C2;
     --pinterest: #E60023;
     --instagram: #C13584;
     --twitter: #1DA1F2;
     --youtube: #FF0000;
     --whatsapp: #25D366;
     --gmail: #D44638;
 }

 .footer-content-right ul li a {
     color: #003b76 !important;
     text-decoration: none !important;
 }

 .footer-content-right ul li a:hover {
     text-decoration: underline;
 }

 .txt_rgt a:hover {
     color: #fff !important;
 }

 .footer-bottom-left a:hover {
     color: #fff !important;
 }

 .scrollup,
 .show-in-ipad {
     display: none;
 }

 body,
 form,
 html {
     height: 100% !important;
 }

 body,
 html {
     back-ground-color: #003b76;
     padding: 0px !important;
     height: 100%;
     min-height: 100%;
 }

 html {
     background: #fff;
 }

 body {
     font-family: "Trebuchet MS";
     font-size: 18px;
 }

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

 p {
     margin: 0 0 10px;
     line-height: 20pt;
     text-align: justify;
 }

 ul {
     padding: 0 !important;
     margin: 0 0 0px !important;
 }

 li {
     list-style-type: none;
     margin: 0;
 }

 .list li,
 .listcol2 li {
     margin: 0 10px 5px 20px;
 }

 .list li {
     list-style-image: url(images/list-bullet.gif);
     padding-left: 00px;
     line-height: 13pt;
     vertical-align: text-top;
 }

 a,
 h1,
 hr,
 ol,
 ol li {
     padding: 0;
 }

 .listcol2 li {
     list-style-type: disc;
     padding: 0;
     width: 44%;
     vertical-align: top;
     float: left;
 }

 .clear,
 .spacer1,
 .spacer2,
 .spacer3,
 .spacer4,
 .spacer5,
 hr {
     width: 100%;
     clear: both;
 }

 ol {
     margin: 0 0 15px;
 }

 ol li {
     list-style-type: decimal;
     margin: 0 10px 5px 25px;
 }

 img {
     max-width: 100%;
     border: 0;
 }

 a {
     margin: 0;
 }

 a.mail-link,
 a:hover {
     color: #003b76;
 }

 a.mail-link:hover {
     color: #003b76;
 }

 .error,
 nav ul li a {
     text-decoration: none;
 }

 .spacer1 {
     height: 10px;
 }

 .spacer2 {
     height: 20px;
 }

 .spacer3 {
     height: 30px;
 }

 .spacer4 {
     height: 40px;
 }

 .spacer5 {
     height: 50px;
 }

 hr {
     margin: 15px 0;
 }

 hr.solid {
     border: 0;
     border-bottom: 1px solid #ccc;
 }

 hr.dashed,
 hr.dotted {
     border: 0;
     background: #fff;
 }

 hr.dotted {
     border-bottom: 1px dotted #ccc;
 }

 hr.dashed {
     border-bottom: 1px dashed #ccc;
 }

 hr.double {
     border: 0;
     border-bottom: 1px dashed #ccc;
     background: #999;
 }

 .fnone {
     float: none;
 }

 .fleft {
     float: left;
 }

 .fright {
     float: right;
 }

 .txt_left {
     text-align: left;
 }

 .txt_cent {
     text-align: center !important;
 }

 .txt_rgt {
     text-align: right;
 }

 .caps {
     text-transform: uppercase;
 }

 .err {
     font-family: Arial;
     font-size: 12px;
     float: left;
     margin-left: 10px;
     color: red;
 }

 .error {
     color: #fff;
     font-size: 11px;
     font-weight: 700;
 }

 .lower {
     text-transform: lowercase;
 }

 .scrollup {
     position: fixed;
     bottom: 10px;
     right: 20px;
     z-index: 99;
     font-size: 24px;
     color: #000;
     -webkit-animation: moveFromBottom 1s ease;
     -moz-animation: moveFromBottom 1s ease;
     -ms-animation: moveFromBottom 1s ease;
 }

 .footer,
 .wrapper {
     position: relative;
 }

 h1.with-border,
 h2.with-border,
 h3.with-border {
     display: inline-block;
 }

 a.scrollup {
     color: #003b76;
     background: #fff;
 }

 a.scrollup:hover {
     color: #9e9e9e;
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 600;
     line-height: 1.1;
     color: inherit;
 }

 h1 {
     font-size: 32px !important;
     color: #000 !important;
     text-transform: none;
     font-weight: 400;
     vertical-align: baseline;
     margin: 10px 0 10px 0;
 }

 h1.home-heading {
     font-size: 46px;
     color: #ff8000;
     font-weight: bold;
 }

 h2 {
     font-size: 28px !important;
     color: #333;
     margin-bottom: 10px;
     font-weight: 600;
     text-transform: capitalize !important;
 }

 .with-border {
     border-bottom: solid 3px #003b76;
     margin: 0 0 0.5em;
     padding: 0 0 10px;
     font-size: 28px !important;
 }

 h3,
 h4 {
     margin-bottom: 5px;
 }

 h5,
 h6 {
     color: #333;
     margin-bottom: 10px;
     text-transform: none;
 }

 h3 {
     font-size: 14px;
     color: #333;
     font-weight: bold;
 }

 h4 {
     font-size: 18px;
     color: #333;
     text-transform: none;
 }

 h5 {
     font-size: 14px;
 }

 h6 {
     font-size: 12px;
 }

 .white-text {
     color: #fff;
 }

 .blue-text {
     color: #003b76;
 }

 .footer,
 .wrap {
     width: 100%;
     margin: 0 auto;
 }

 .wrapper2 {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
 }

 .footer,
 .push {
     min-height: 0;
     clear: both;
     padding: 0px;
 }

 .wrap {
     max-width: 1024px !important;
     padding: 0 !important;
 }

 .logo {
     display: inline-block;
     width: 25%;
     padding: 5px 0px;
 }

 .white-bg-section {
     background: #fff;
     width: 100%;
     float: left;
     padding: 30px 0px;
 }

 .blue-bg-section {
     background: #003b76;
     float: left;
     width: 100%;
     padding: 30px 0px;
 }

 .grey-bg-section {
     background: #ddd;
     padding: 50px 0px;
     float: left;
     width: 100%;
 }

 header {
     border-top: 4px solid #003b76;
     background-size: cover;
     background-attachment: fixed;
     position: relative;
 }

 .header-right {
     display: inline-block;
     width: 70%;
     vertical-align: top;
     text-align: right;
     font-size: 14px;
     padding-top: 0px;
     color: #003859;
 }

 .header-contact {
     text-align: right;
     background: #003b76;
     display: inline-block;
     margin: 0px;
     padding: 4px 10px;
     position: relative;
 }

 .header-contact:before {
     border-right: 26px solid #003b76;
     border-left: 28px solid transparent;
     border-bottom: 36px solid transparent;
     position: absolute;
     top: 0;
     left: -52px;
     content: "";
 }

 .header-contact a {
     text-decoration: none;
     color: #fff !important;
 }

 .header-contact a:hover {
     color: #ff8000;
 }

 .header-contact a:first-child::after {
     content: "|";
     padding: 0px 10px;
 }

 .header-container {
     top: 20%;
     position: absolute;
     width: 40%;
 }

 .header-container ul {
     width: 100%;
     margin: 0px;
     padding: 0px;
 }

 .header-container ul li {
     width: 100%;
     margin: 0px;
     padding: 0px;
     font-size: 22px;
     line-height: 28pt;
     color: #fff;
 }

 .header-container ul li a {
     color: #003859;
 }

 .header-container ul li a:hover {
     color: #fff;
 }

 .request-button {
     margin-top: 40px;
     background: #fff;
     border-radius: 10px;
     padding: 0px;
     border: 1px solid #003b76;
     display: inline-block;
 }

 .request-button a {
     color: #003b76;
     text-decoration: none;
     padding: 5px 10px;
     display: flex;
     font-size: 18px;
     justify-content: center;
     align-items: center;
     font-weight: 500;
 }

 .request-button:hover {
     background: #003b76;
 }

 .request-button:hover a {
     color: #fff;
 }

 .request-button a .fa {
     font-size: 35px;
     margin-left: 10px;
     vertical-align: middle;
 }

 table.simple-table thead tr {
     background: #003b76;
 }

 table.simple-table thead tr th {
     padding: 30px 0px;
     color: #fff;
     text-align: center;
     border: 1px solid #fff;
     font-size: 18px;
 }

 table.simple-table tbody tr {
     background: #003b76;
 }

 table.simple-table tbody tr td {
     padding: 20px 0px;
     color: #fff;
     text-align: center;
     border: 1px solid #fff;
 }

 .common-list {
     back-ground: #f4f4f4;
     width: 100%;
     float: left;
     padding: 5px 0;
     margin: 0;
 }

 .common-list ul {
     width: 98%;
     margin: 0;
     padding: 0;
     display: block;
 }

 .common-list ul li {
     width: 24%;
     float: left;
     margin: 0 0.5% 0 0;
     padding: 0;
     line-height: 18pt;
     display: flex;
 }

 .common-list ul li a {
     margin: 0;
     padding: 0;
     text-align: center;
     color: #003b76;
     text-decoration: none;
 }

 .common-list ul li a:hover {
     text-decoration: underline;
     color: #003b76;
 }

 .common-list ul li i {
     color: #003b76;
     padding-right: 8px;
 }

 .common-list ul.one-part li {
     width: 98%;
 }

 .common-list ul.two-part li {
     width: 48%;
 }

 .common-list ul.three-part li {
     width: 32%;
 }

 .show-in-mobile {
     display: none;
 }

 .show-in-desktop {
     display: block;
 }

 @media screen and (min-width: 768px) and (max-width: 1024px) {
     .wrap {
         width: 98%;
         max-width: 98%;
         padding-left: 1%;
     }

     .logo {
         width: 32%;
     }

     .header-right {
         width: 66%;
     }

     table.simple-table {
         overflow-x: scroll;
     }
 }

 @media screen and (min-width: 768px) and (max-width: 900px) {
     .common-list ul li.two-part {
         width: 90%;
     }

     .common-list ul li.three-part {
         width: 48%;
     }

     .common-list ul li {
         width: 30%;
     }
 }

 @media screen and (min-width: 240px) and (max-width: 767px) {

     header,
     nav {
         position: relative;
     }

     #menu-icon,
     nav ul li,
     nav ul li a {
         color: #fff;
     }

     .show-in-mobile {
         display: block;
     }

     .show-in-desktop {
         display: none !important;
     }

     h1 {
         font-size: 25px;
     }

     .wrap {
         padding: 0px 12px !important;
     }

     .logo,
     nav {
         width: 100%;
     }

     .header-right {
         width: 100%;
         text-align: left;
         display: block;
     }

     .header-contact {
         width: 100%;
         background: rgba(0, 0, 0, 0.6);
         display: block;
         color: #ffff;
         text-align: center;
         padding: 4px 0px;
     }

     .header-contact a {
         color: #ffff;
     }

     .header-contact:before {
         display: none;
     }

     .header-container {
         width: 100%;
         top: 25%;
     }

     .header-container ul li a {
         color: #fff;
     }

     table.simple-table {
         overflow-x: scroll;
         display: block;
     }

     .main-section {
         margin: 10px 0 0;
     }

     .main-section-left {
         width: 100%;
         max-width: 100%;
         float: left;
         position: relative;
         margin: 20px 0 0;
         display: block;
         border-right: none;
     }

     .main-menu {
         background: #003b76;
     }

     nav {
         margin: 0;
         padding: 0;
         display: none;
     }

     nav ul {
         width: 96%;
         margin-left: 3%;
     }

     nav ul li a:hover {
         color: #000;
     }

     nav h2 {
         display: none !important;
     }

     #menu-icon {
         background: url(images/menu-down.webp) right center no-repeat #003b76;
         padding: 4px 0 5px;
         cursor: pointer;
         display: block;
         float: none;
         text-transform: uppercase;
         line-height: 31px;
         height: 31px;
         width: auto;
         margin: 0 10px;
         -webkit-transition: all 0.3s linear;
         -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
         -ms-transition: all 0.3s linear;
     }

     .intr-img {
         padding: 0;
         margin: 0 0 10px;
     }

     h2 {
         line-height: 32pt;
     }

     .common-list ul li,
     .common-list ul.three-part li,
     .common-list ul.two-part li {
         width: 100%;
     }
 }

 @media screen and (min-width: 240px) and (max-width: 480px) {
     .intr-img {
         float: left;
         width: 100%;
         clear: both;
         max-width: 480px;
         height: auto;
     }

     h1 {
         text-align: left;
         font-size: 24px !important;
     }

     h2 {
         font-size: 24px !important;
     }

     a.read-more {
         width: 100% !important;
         max-width: 150px;
     }
 }

 a.read-more {
     width: 150px;
     padding: 5px 10px;
     margin-top: 20px;
     text-decoration: none;
     background: #003b76;
     color: #fff;
     border: 1px solid #fff;
     display: block;
     text-align: center;
     font-size: 18px;
 }

 a.read-more:hover {
     background: #ff8000;
     color: #fff;
     text-decoration: none;
     -webkit-transition: 300ms linear all;
     transition: 300ms linear all;
 }

 .body-conatiner {
     width: 100%;
     margin: 0px;
     padding: 0px;
     float: left;
 }

 .home-product {
     width: 100%;
     float: left;
     text-align: center;
 }

 .home-product ul {
     margin: 0px;
     padding: 0px;
     width: 100%;
     display: block;
     text-align: center;
 }

 .home-product ul li {
     width: 100%;
     max-width: 250px;
     list-style: none;
     float: left;
     border: 1px solid #003b76;
     margin: 0px;
     padding: 0px;
     position: relative;
     overflow: hidden;
     height: 150px;
 }

 .home-product ul li:hover {
     border: 1px solid #ff8000;
 }

 .home-product ul li a img {
     width: 100%;
     max-width: 300px;
     height: auto;
 }

 .home-product ul li a:hover img {
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
 }

 .home-product ul li a .overlay-bg {
     background: rgba(0, 0, 0, 0.5);
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     width: 100%;
     -moz-transition: opacity, 0.3s;
     -o-transition: opacity, 0.3s;
     -webkit-transition: opacity, 0.3s;
     transition: opacity, 0.3s;
 }

 .home-product ul li a:hover .overlay-bg {
     opacity: 1;
 }

 .home-product ul li a .overlay-bg p {
     color: #fff;
     font-size: 22px;
     position: absolute;
     text-align: center;
     top: 50%;
     width: 100%;
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 .home-product ul li a:hover img,
 .home-product ul li a:hover .overlay-bg {
     -moz-transition: all, 0.5s;
     -o-transition: all, 0.5s;
     -webkit-transition: all, 0.5s;
     transition: all, 0.5s;
 }

 .introduction-left {
     float: left;
     width: 38%;
     text-align: center;
 }

 .introduction-left img {
     aspect-ratio: 285 / 428;
     width: 100%;
     max-width: 380px;
     width: 400px;
 }

 .introduction-right {
     float: right;
     width: 60%;
 }

 .material-sitemap {
     width: 100%;
     margin: 0px 0px 20px 0px;
     padding: 0px;
 }

 .material-sitemap ul {
     width: 100%;
     margin: 0px 0px 20px 0px;
     padding: 0px;
 }

 .material-sitemap ul li {
     width: 15%;
     display: inline-block;
     margin: 0px 1% 1% 0px;
     text-align: center;
     padding: 8px 10px;
     border: 2px solid #003b76;
     font-size: 14px;
     transition: 300ms linear all;
     vertical-align: top;
 }

 .material-sitemap ul li a {
     text-decoration: none;
     color: #666;
     font-weight: bold;
 }

 ul.two-parts li {
     width: 48% !important;
     display: inline-block;
 }

 .txt_left {
     text-align: left !important;
 }

 .material-left {
     width: 58%;
     float: left;
 }

 .material-right {
     width: 40%;
     float: right;
     text-align: right;
 }

 .bolting-benefits-left {
     width: 40%;
     float: left;
 }

 .bolting-benefits-left ul {
     width: 100%;
     margin: 0px;
     padding: 0px;
 }

 .bolting-benefits-left ul li {
     float: left;
     padding: 0px;
     margin: 0px;
     display: contents;
 }

 .bolting-benefits-left ul li img {
     width: 100%;
     max-width: 120px;
     height: auto;
 }

 .bolting-benefits-right {
     float: right;
     width: 60%;
 }

 .footerpan {
     width: 100%;
     margin: 0px;
     padding: 10px 0px 20px 0px;
     border-top: 15px solid #003b76;
     background: #f4f4f4;
     float: left;
 }

 .footer-content {
     width: 100%;
     margin: 0px;
     padding: 0px;
     float: left;
 }

 .footer-content-left {
     width: 70%;
     margin: 0px;
     padding: 0px;
     display: inline-block;
     float: left;
 }

 .footer-list ul {
     width: 100%;
     margin: 0px;
     padding: 0px;
 }

 .footer-list ul li {
     width: 30%;
     float: left;
     font-family: "Trebuchet MS";
     font-size: 16px;
     font-weight: 700;
     line-height: 18pt;
     margin: 0px;
 }

 .footer-list ul li a,
 .footer-list ul ul li a {
     color: #003b76;
     text-decoration: none;
 }

 .footer-list ul li a:hover,
 .footer-list ul ul li a:hover {
     text-decoration: underline;
 }

 .footer-list ul ul li {
     width: 100%;
     margin: 0px;
     padding: 0px;
     font-size: 14px;
     font-weight: normal;
 }

 .footer-content-right {
     width: 30%;
     margin: 0px;
     padding: 0px;
     float: right;
     display: inline-block;
 }

 .footer-content-right p {
     font-size: 16px;
     line-height: 10pt;
     font-family: "Trebuchet MS";
 }

 .footer-content-right h4 {
     color: #003b76;
     font-size: 16px;
     font-weight: bold;
 }

 ul.contact {
     padding: 0;
     margin: 0px;
 }

 ul.contact li {
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     text-decoration: none;
     /* border-top: solid 1px rgba(210, 215, 217, 0.75); */
     margin: 0px;
     padding: 5px 0px 5px 35px;
     position: relative;
     font-size: 14px;
     line-height: 20pt;
     width: 90%;
     color: #003b76;
 }

 ul.contact li:before {
     color: #003b76;
     display: inline-block;
     font-size: 1.5em;
     height: 1.125em;
     position: absolute;
     left: 0;
     line-height: 1.125em;
     width: 1.5em;
     top: 5px;
     font-family: "FontAwesome";
 }

 ul.contact li:first-child {
     border-top: 0;
     margin-top: 0;
     padding-top: 0;
 }

 ul.contact li a:hover {
     color: #ff8000;
 }

 ul.follow-list {
     width: 100%;
     margin: 0px;
     padding: 0px 0px 5px 0px;
     text-align: left !important;
 }

 ul.follow-list li {
     display: inline-block;
     margin: 0px;
     padding: 0px 19px 0px 0px;
     font-size: 24px;
 }

 ul.follow-list li:last-child {
     padding: 0px;
 }

 ul.follow-list li a {
     color: #fff;
     text-decoration: none;
     display: block;
     text-align: center;
     width: auto;
     height: auto;
     background: none;
     border-radius: none;
 }

 ul.follow-list li a .bi {
     color: #012847;
 }

 ul.follow-list li a:hover {
     background: none;
 }

 ul.follow-list li a:hover .bi {
     color: #ff8000 !important;
 }

 ul.follow-list li a .bi {
     font-size: 23px;
     margin-top: 12px;
 }

 ul.common-disc-list {
     width: 100%;
     margin: 0px;
     padding: 0px;
 }

 ul.common-disc-list li {
     width: 100%;
     list-style: disc;
     margin: 0px 0px 0px 20px;
     padding: 0px;
     line-height: 20pt;
 }

 #clockbox {
     font-size: 14px;
     float: left;
     font-family: "Trebuchet MS";
     margin-top: 10px;
 }

 .footer-bottom {
     background: #003b76;
     padding: 10px 0px;
     color: #fff;
     width: 100%;
     display: -webkit-box;
     font-size: 12px;
 }

 .footer-bottom a {
     color: #fff;
     text-decoration: none;
 }

 .footer-bottom-left {
     float: left;
     width: 40%;
     color: #fff;
 }

 .footer-bottom-right {
     float: right;
     width: 24%;
 }

 h2.footer-border {
     border-bottom: solid 3px #ff8000;
     display: inline-block;
     margin: 0px 0px 15px 0px;
     padding: 0px 0px 10px 0px;
 }

 @media screen and (min-width: 768px) and (max-width: 1024px) {
     .home-product ul li {
         float: none;
         display: inline-block;
         display: -webkit-inline-box;
     }
 }

 @media screen and (min-width: 240px) and (max-width: 767px) {
     #removeFlex a {
         text-align: center !important;
     }

     .contact-right {
         width: 100%;
         float: left;
     }

     .contact-form {
         width: 100%;
         float: left;
     }

     .contact-form label {
         width: 50%;
         display: block;
     }

     .contact-form input,
     .contact-form textarea {
         margin-left: 0px;
         width: 100%;
     }

     .introduction-left {
         float: left;
         width: 100%;
         text-align: center;
         padding-bottom: 20px;
     }

     .introduction-right {
         float: left;
         width: 100%;
     }

     .request-button {
         margin-top: 20px;
     }

     .request-button a {
         font-size: 16px;
     }

     .home-product ul li {
         float: none;
         display: inline-block;
         display: -webkit-inline-box;
     }

     .material-left {
         width: 100%;
         float: left;
     }

     .material-right {
         width: 100%;
         float: right;
         text-align: right;
     }

     .bolting-benefits-left {
         width: 100%;
         float: left;
         display: none;
     }

     .bolting-benefits-right {
         float: left;
         width: 100%;
     }

     .footer-content-left {
         width: 100%;
         display: none;
     }

     .footer-content-right {
         width: 100%;
         display: block;
     }

     .f-text {
         width: 100%;
     }

     .footer-section-1 {
         width: 100%;
     }

     .footer-section-2 {
         width: 100%;
         float: left;
         margin: 10px 0px;
     }

     ul.follow-list {
         text-align: left;
     }

     ul.follow-list li {
         display: inline-block;
         margin: 0px;
         padding: 0px 3px;
         font-size: 24px;
     }

     ul.follow-list li a {
         display: block;
         width: 30px;
         height: 30px;
         text-align: start;
         border-radius: 30px;
     }

     ul.follow-list li a .fa {
         font-size: 18px;
         margin-top: 6px;
     }

     #clockbox {
         float: left;
     }

     .footer-bottom {
         display: flex;
     }

     .footer-bottom-left {
         float: left;
         width: 100%;
         padding-bottom: 10px;
     }

     .footer-bottom-right {
         float: left;
         width: 100%;
         text-align: left;
     }

     .g-recaptcha {
         margin-left: 0px !important;
     }
 }

 ul.crumbs {
     display: flex;
     font-size: 20px;
     color: #003b76;
     font-family: "Trebuchet MS";
     width: fit-content;
     margin: 0px;
     padding: 0px;
 }

 ul.crumbs li a {
     text-decoration: none;
     color: #003b76;
 }

 ul.crumbs li:is(:last-child) {
     border-bottom: 1px solid #003b76;
 }

 ul.crumbs li:not(:last-child)::after {
     content: '/';
     padding: 0px 5px;
 }

 ul.crumbs li:last-child {
     font-weight: 900;
 }

 @media screen and (max-width: 425px) {
     ul.crumbs li a {
         font-size: 18px;
     }
 }

 .linksbg {
     background-color: #fff;
     border: 1px solid lightgrey;
     text-align: center;
     border-radius: 0px;
     padding: 8px 0px;
     font-weight: 600;
     text-decoration: none;
     transition: transform 0.3s ease;
     -webkit-transition: transform 0.3s ease;
     -moz-transition: transform 0.3s ease;
     -ms-transition: transform 0.3s ease;
     -o-transition: transform 0.3s ease;
 }

 .linksbg a {
     color: #003b76;
     text-decoration: none;
     font-size: 15px;
     /* Optional: removes underline */
 }

 .linksbg:hover {
     background-color: #003b76;
 }

 .linksbg:hover a {
     color: white;
 }

 .card {
     position: relative;
     overflow: hidden;
 }

 .card img {
     max-width: 100%;
     transition: transform 0.3s ease;
 }

 .card a {
     margin: auto;
 }

 .card a img {
     height: 150px;
 }

 .card:hover img {
     transform: scale(1.2);
 }

 a.active,
 a.customNav:hover {
     background: rgba(233, 224, 224, 0.2) !important;
     border-color: transparent;
     color: #fff !important;
     text-decoration: none;
 }

 a.customNav {
     font-weight: 700;
     color: #fff !important;
     text-decoration: none;
     display: inline-block;
     min-width: 79px;
     text-align: center !important;
     padding: 12px 30px;
     margin: 5px 0px;
     font-size: 15px;
 }

 .dropdown .dropdown-menu {
     top: 98%;
 }

 #bottomNavbar {
     background-color: #003b76;
 }

 #removeFlex .w-100 {
     display: flex;
 }

 #menubutton {
     text-align: end;
     font-size: 32px;
     padding: 0px !important;
     color: #fff;
     box-shadow: none;
     margin-left: -10px !important;
 }

 .menubarbg {
     background-color: #003b76;
 }

 #removeFlex a {
     text-align: left;
 }

 .homeicon {
     font-size: 18px !important;
     display: contents;
 }

 #menubutton {
     text-align: end;
     font-size: 32px;
     padding: 0px !important;
     color: #fff;
     box-shadow: none;
     border: none;
     margin-left: -10px !important;
 }

 @media screen and (max-width: 1024px) and (min-width:768px) {
     .brandlogo img {
         margin-top: 20px;
     }
 }

 @media screen and (max-width:2500px) and (min-width:1025px) {
     .collapse:not(.show) {
         display: block;
     }
 }

 @media screen and (max-width:991px) {
     .btntarget {
         display: block !important;
     }

     #removeFlex .w-100 {
         display: flex;
         margin-left: 0px;
         flex-direction: column;
     }

     #bottomNavbar a.customNav {
         display: block !important;
         border: none;
         background: rgba(0, 0, 0, .2);
         margin-top: 4px;
         color: #fff;
         margin-bottom: 4px;
         margin-left: -5px;
         margin-right: -5px;
     }
 }

 .divimgcon {
     max-width: 200px;
 }

 .divimgcon img {
     width: 100%;
     height: 100%;
 }

 .contactwrap {
     margin: auto !important;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .contup h6 a {
     color: #000;
     font-family: 'Poppins', sans-serif;
     font-size: 15px;
 }

 .contup h2 {
     color: #000;
     font-family: 'Poppins', sans-serif;
     font-size: 25px;
 }

 .sbutton {
     width: 80px;
     padding: 7px 5px;
 }

 .btn {
     background-color: #003b76;
     color: #fff;
     border-radius: 10px;
     padding: 12px 10px;
     border: 1px solid #003b76;
 }

 .blue-text {
     color: #003b76;
     margin-bottom: 20px;
     /* font-size: 20px !important; */
 }

 table,
 td,
 th {
     border: 1px solid #ccc !important;
     text-align: center;
     /* font-family: 'Poppins', sans-serif; */
     vertical-align: middle !important;
 }

 #tablehead {
     background-color: #003b76;
     color: #fff;
 }

 tbody tr td a {
     color: #000;
 }

 .content-wrapper {
     flex: 1;
 }

 .all-technical-product2 ul li {
     width: 100%;
     display: inline-block;
     margin: 0px;
     padding: 0px;
     border: 1px solid #CCC;
     font-size: 14px;
     transition: 300ms linear all;
     vertical-align: top;
     border-bottom: -1px;
 }

 .all-technical-product2 ul li .left-product {
     width: 20%;
     float: left;
     padding: 8px 10px;
     font-weight: bold;
 }

 .all-technical-product2 ul li .right-product {
     width: 80%;
     float: right;
     padding: 8px 10px;
     border-left: 1px solid #CCC;
 }

 .all-technical-product2 ul li a {
     text-decoration: none;
     color: #666;
 }

 .post-meta .author-figure img {
     width: 40px;
     border-radius: 50%;
 }

 .all-technical-product {
     width: 100%;
     margin: 0px 0px 20px 0px;
     padding: 0px;
 }

 .all-technical-product ul {
     width: 100%;
     margin: 0px 0px 20px 0px;
     padding: 0px;
 }

 .all-technical-product ul li {
     width: 100%;
     display: inline-block;
     margin: 0px;
     padding: 0px;
     border: 1px solid #CCC;
     font-size: 14px;
     transition: 300ms linear all;
     vertical-align: top;
 }

 .all-technical-product ul li a {
     text-decoration: none;
     color: #666;
 }

 .all-technical-product ul li .left-product {
     width: 40%;
     float: left;
     padding: 8px 10px;
     font-weight: bold;
 }

 .all-technical-product ul li .right-product {
     width: 60%;
     float: right;
     padding: 8px 10px;
     border-left: 1px solid #CCC;
 }

 .post-meta {
     color: gray;
     font-size: 14px;
     display: flex;
     margin-bottom: 10px;
 }

 .post-meta a {
     color: #000;
 }

 .widget:not(.footer-widget) {
     padding: 15px;
     margin-bottom: 20px;
     padding-top: 35px;
     background-color: #fff;
 }

 .image-fit a img {
     width: 100%;
     height: auto;
 }

 #blogcontent .service-title {
     text-align: left;
     border-bottom: 1px solid #e6e6e6;
     padding-bottom: 10px;
 }

 .social-icons a i {
     border: 1px solid #e6e6e6;
     font-size: 15px;
     margin: 0 9px 0 0;
     border-radius: 5px;
     width: 40px;
 }

 .social-icons {
     text-align: left;
     padding: 30px 0px 12px 0px;
     border-top: 1px solid #e6e6e6;
 }

 .social-icons a i:hover {
     background: #f2aa4c;
     color: #fff;
     border: 1px solid #f2aa4c;
 }

 .blog-left-side>div {
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
 }

 .search {
     background: #f7f7f7;
     position: relative;
 }

 .search input {
     background: #fff none repeat scroll 0 0;
     border: 0 none;
     height: 54px;
     position: relative;
     width: 100%;
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.20);
 }

 .search button {
     border: 0 none;
     color: #fff;
     font-size: 18px;
     position: absolute;
     right: 0;
     top: 0;
     left: 84%;
     width: 16%;
     height: 100%;
     background: #003b76;
 }

 .search input[type="text"] {
     padding-left: 10px;
 }

 .service-style2 h2 {
     font-size: 24px;
     text-align: left;
     margin-bottom: 10px;
 }

 .widget_about_profile img {
     width: 100px;
     border-radius: 80px;
 }

 .blog-left-side>.widget>ul>li {
     position: relative;
     border-radius: 20px;
 }

 .blog-left-side>.widget>ul>li>a>i {
     position: absolute;
     left: 5%;
     font-size: 18px;
 }

 .recent-post-item {
     display: flex;
     text-align: left;
     padding-right: 8px;
 }

 .recent-post-text span {
     font-size: 14px;
 }

 .recent-post-text {
     padding-left: 15px;
 }

 .recent-post-text a {
     color: #161817;
 }

 .widget_categories ul,
 .recent_posts {
     height: 430px;
     overflow: hidden;
     overflow-y: scroll;
     padding: 0px;
     margin: 0px;
 }

 .widget_categories ul::-webkit-scrollbar {
     width: 6px;
     margin-left: 10px !important;
 }

 .widget_categories ul::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0, 0.2);
     border-radius: 3px;
 }

 .widget_categories ul::-webkit-scrollbar-thumb:hover {
     background-color: rgba(0, 0, 0, 0.5);
 }

 .widget_categories ul::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 10px;
 }

 .recent_posts::-webkit-scrollbar {
     width: 6px;
     margin-left: 10px !important;
 }

 .recent_posts::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0, 0.2);
     border-radius: 3px;
 }

 .recent_posts::-webkit-scrollbar-thumb:hover {
     background-color: rgba(0, 0, 0, 0.5);
 }

 .recent_posts::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
 }

 p[data-f-id="pbf"] {
     text-align: left !important;
     margin-bottom: 0px;
     display: none;
 }

 .service-style2 {
     text-align: center;
     background-color: #fff;
     margin-bottom: 30px;
     box-shadow: 0px 10px 21px rgba(1, 19, 60, .1);
 }

 .service-style2 .service-title {
     font-size: 28px;
     font-weight: 600;
     font-family: 'Bell-MT-bold', sans-serif;
     line-height: 1;
     margin: 0 0 15px 0;
     transition: all ease .4s;
 }

 .service-title p {
     margin-bottom: 15px;
     line-height: 22px;
     text-align: justify;
     color: #393939;
     font-size: 15px;
 }

 .service-title a {
     color: #161817;
 }

 .service-title,
 .widget_about_icon a {
     text-decoration: none;
     outline: 0;
     color: #393939 !important;
     line-height: 28px;
     transition: .4s;
 }

 .widget:not(.footer-widget).widget_categories ul li {
     margin-bottom: 12px;
     padding-right: 8px;
 }

 .widget:not(.footer-widget).widget_categories ul li a {
     display: block;
     width: 100%;
     position: relative;
     padding: 8px 25px;
     border: 1px solid #e5e5e5;
     padding-left: 70px;
     transition: background-color 0.3s ease, color 0.3s ease;
     color: #393939;
 }

 .widget:not(.footer-widget).widget_categories ul li a:before {
     content: "\f3d7";
     color: transparent !important;
     font-family: "Font Awesome 5 Pro";
     font-weight: 300;
     display: inline-block;
     width: 50px;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     line-height: 50px;
     text-align: center;
     background-color: #003b76;
     font-size: 18px;
     border-right: 1px solid #fff;
 }

 .widget:not(.footer-widget) .widget_categories ul li a:hover {
     background-color: #003b76;
     color: #fff;
 }

 .blog-wrapper>.container>.row {
     display: flex;
     justify-content: center;
 }

 .read-more-btn {
     font-weight: 500;
     font-size: 18px;
     color: #161817;
     line-height: 1;
     display: inline-block;
 }

 .bi-folder::before {
     content: "\f3d7";
     color: #fff !important;
 }

 .widget_about_icon a {
     font-size: 20px;
     padding: 0px 4px;
 }

 .social-icons a i {
     font-size: 18px;
     padding: 10px;
 }

 :is(.widget_about_icon i, .social-icons a i) {
     color: var(--facebook);
 }

 :is(.widget_about_icon .bi-linkedin, .social-icons a .bi-linkedin) {
     color: var(--linkedin);
 }

 :is(.widget_about_icon .bi-pinterest, .social-icons a .bi-pinterest) {
     color: var(--pinterest);
 }

 :is(.widget_about_icon .bi-instagram, .social-icons a .bi-instagram) {
     color: var(--instagram);
 }

 :is(.widget_about_icon .bi-twitter, .social-icons a .bi-twitter) {
     color: var(--twitter);
 }

 :is(.widget_about_icon .bi-youtube, .social-icons a .bi-youtube) {
     color: var(--youtube);
 }

 :is(.widget_about_icon, .social-icons a .bi-whatsapp) {
     color: var(--whatsapp);
 }

 :is(.widget_about_icon, .social-icons a .bi-envelope) {
     color: var(--gmail);
 }

 .pagination :is(a, .pagination-ellipsis, .active) {
     background-color: #003b76 !important;
     color: #fff;
     padding: 5px 12px;
     border: 1px solid #fff;
     border-radius: 5px;
 }

 .accordion-button:not(.collapsed) {
     color: #212529 !important;
 }

 .mb--2 {
     margin-bottom: 10px;
 }

 .footer-content-right .footer-h4 {
     color: #003b76;
     text-decoration: none;
     font-family: "Trebuchet MS";
     font-size: 16px;
     font-weight: 700;
     line-height: 18pt;
 }

 .footerpan {
     background: url("../images/footer-bg.webp") no-repeat rgb(238, 238, 238);
     background-size: cover;
 }

 img {
     max-width: 100% !important;
     height: auto;
 }

 /* specification-page-css */

 .market-page {
     width: 100%;
     margin: 0px;
     padding: 50px 0px;
     border-bottom: 1px dotted #003b76;
     float: left;
 }

 .market-page-image-left {
     width: 25%;
     margin: 0px 25px 0px 0px;
     padding: 0px;
     display: inline-block;
     float: left;
     vertical-align: top;
 }

 .market-page-image-right {
     width: 25%;
     margin: 0px;
     padding: 0px;
     display: inline-block;
     float: right;
     vertical-align: top;
 }

 .market-page-image-left img,
 .market-page-image-right img {
     width: 100%;
     max-width: 500px;
     height: auto;
 }

 .market-page-content {
     width: 70%;
     margin: 0px;
     padding: 0px;
     display: inline-block;
     vertical-align: top;
 }

 .market-page-content h2 a {
     color: #003b76;
 }

 .market-page-content a {
     color: #003b76;
 }

 .market-page-content a:hover {
     color: #003b76;
 }

 th.vertical {
     writing-mode: vertical-rl;
     transform: rotate(180deg);
     white-space: nowrap;
 }

 td.vertical {
     writing-mode: vertical-rl;
     transform: rotate(180deg);
     white-space: nowrap;
 }

 ul.number-list {
     width: 100%;
     margin: 0px;
     padding: 0px;
 }

 ul.number-list li {
     width: 98%;
     margin: 0px 0px 10px 2%;
     padding: 0px;
     list-style-type: decimal;
     line-height: 20pt;
 }

 .with-border2 {
     font-size: 16px !important;
     color: #000;
     display: flex !important;
     justify-content: left !important;
     margin-top: 25px;
     font-weight: 600;
     margin-bottom: 0px;
     display: inline-block;
     font-family: 'Poppins', sans-serif;
 }

 p {
     margin: 0px 0px 5px 0px;
     padding: 0px;
     text-align: justify;
     /* font-family: sans-serif !important; */
     /* line-height: 1.7; */
     /* font-weight: 300; */
     font-size: 16px;
 }

 strong {
     font-size: 17px;
 }

 b,
 strong {
     font-weight: bold !important;
 }

 b,
 strong {
     font-weight: 600;
     color: #444;
 }

 /* .txt_cent img {
     border: 1px solid black;
 } */

 table.common-table-tophead tr td {
     padding: 5px 5px;
     color: #333;
     border-right: 1px solid #ccc;
     text-align: center;
     line-height: 1.5;
     vertical-align: middle;
 }

 table.common-table-tophead tr th {
     background: #003b76;
     font-weight: bold;
     padding: 5px 5px;
     color: #fff;
     border-right: 1px solid #ccc;
     text-align: center;
     vertical-align: middle;
 }

 table.common-table-tophead {
     width: 100%;
     margin-top: 5px;
 }

 a.interlink {
     color: #003b76 !important;
     text-decoration: underline !important;
 }

 a.interlink:hover {
     text-decoration: none !important;
 }