@font-face {
  font-family: "NeutraTextTF-Bold";
  font-style: normal;
  font-weight: normal;
  src: local("NeutraTextTF-Bold"), url("../fonts/neutra-text-tf-bold-5871e0e1d072a.woff") format("woff");
}
@font-face {
  font-family: "NeutraTextTF-Light";
  font-style: normal;
  font-weight: normal;
  src: local("NeutraTextTF-Light"), url("../fonts/neutra-text-tf-light-5871e0fe13bff.woff") format("woff");
}
@charset "utf-8";
/* CSS Document */
body {
  overflow-x: hidden;
  font-family: "NeutraTextTF-Light";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "NeutraTextTF-Bold";
}
p {
  margin-bottom: 0px;
}
.main-header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
  background: transparent;
  margin-top: 10px;
}
#back2Top {
  width: 40px;
  line-height: 40px;
  overflow: hidden;
  z-index: 999;
  display: none;
  cursor: pointer;
  position: fixed;
  bottom: 50px;
  right: 10px;
  background-color: #fff;
  color: #006341;
  text-align: center;
  font-size: 30px;
  text-decoration: none;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
#back2Top:hover {
  background-color: #006341;
  color: #fff;
}
.prdouct-details .ar-desk {
  display: block;
}
.prdouct-details .ar-mob {
  display: none;
}
.main-search-login .row {
  min-height: 92px;
}
.main-search-login {
  float: right;
}
.main-search-login .form-control {
  color: #fff;
}
.search,
.account {
  float: left;
}
.search {
  position: relative;
}
.account ul {
  padding-left: 0px;
  margin-bottom: 0px;
}
.search .form-control {
  background-color: inherit;
  border: solid 3px #fff;
  border-radius: 30px;
}
.main-search-login .account li {
  list-style: none;
  float: left;
  margin-left: 20px;
  line-height: 0px;
}
#sr-btn {
  border-radius: 100px;
  border: solid 3px #fff;
  margin-left: -50px;
  width: 42px;
  height: 42px;
}
#sr-btn .bi-search {
  color: #fff;
  font-size: 30px;
  position: absolute;
  top: 1px;
  z-index: 100;
  right: 2px;
}
.bi-person-circle,
.bi-globe2 {
  color: #fff;
  font-size: 42px;
}
.bi-person-circle:hover,
.bi-globe2:hover {
  color: #006341;
}
.slider-section {
  color: #fff;
  background-color: #222;
}
.navbar .container-fluid {
  padding: 0px;
}
.navbar {
  background-color: inherit !important;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  margin-top: 10px;
}
.navbar a {
  color: #fff !important;
  padding-right: 10px !important;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
.navbar a:hover {
  color: #006341 !important;
}
.navbar-nav {
  margin: auto !important;
}
#home-abt {
  background-position: left center;
  padding: 0px 100px 0px 0px;
}
#home-abt p {
  color: #58595b;
  font-size: 19px;
  text-align: justify;
}
.serv-left .ser-head,
.serv-left .arrow-lft {
  float: left;
}
.serv-left .ser-head h2 {
  font-size: 40px;
  text-align: right;
  font-weight: 700;
  color: #fff;
}
.serv-left .ser-head h4 {
  font-size: 15px;
  text-align: right;
  color: #fff;
  font-weight: 500;
}
.serv-left .arrow-lft {
  padding: 15px;
}
.serv-rgt .ser-head,
.serv-rgt .arrow-lft {
  float: left;
}
.serv-rgt .ser-head h2 {
  font-size: 40px;
  text-align: left;
  font-weight: 700;
  color: #fff;
}
.serv-rgt .ser-head h4 {
  font-size: 15px;
  text-align: left;
  color: #fff;
  font-weight: 500;
}
.serv-rgt .arrow-lft {
  padding: 15px;
}
#sign-up {
  padding: 75px 0px;
}
#sign-up h1,
#sign-up p {
  text-align: center;
}
#sign-up h1 {
  font-size: 32px;
  color: #006341;
}
#sign-up p {
  color: #58595b;
  font-size: 19px;
}
#sign-up .input-group {
  border: solid 2px #006341;
  border-radius: 30px;
}
#sign-up input {
  background: none;
  border: none;
}
#sign-up button {
  background-color: #006341;
  color: #fff;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-right: -2px;
  padding: 6px 30px;
}
#footer {
  border-top: solid 4px #006341;
  padding: 60px 0px 0px 0px;
}
#footer h2 {
  font-size: 26px;
  color: #006341;
  font-weight: 700;
}
#footer .nws p {
  font-size: 16px;
  color: #1a1a1a;
  text-align: justify;
}
#footer .more {
  background: #006341;
  color: #fff;
  padding: 10px 20px;
  display: block;
  float: left;
  text-decoration: none;
  font-size: 16px;
}
.seprater-main {
  margin: 0px 0px 20px 0px;
}
.seprat-dv {
  width: 100%;
  margin: 30px 0px;
}
#footer .fo-link {
  list-style: none;
  padding-left: 0px;
}
#footer .fo-link li {
  margin-bottom: 15px;
}
#footer .fo-link li a {
  color: #1a1a1a;
  text-decoration: none;
  font-size: 16px;
}
#footer .fo-link li a .bi-chevron-right {
  color: #006341;
}
.seprater-main .sep-cntr {
  width: 200px;
  height: 4px;
  color: #e54220;
  background: #41ad48;
}
.widget-contact ul {
  padding-left: 0px;
}
.widget-contact ul li {
  color: #000;
  font-size: 13px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.widget-contact ul li span {
  font-size: 14px;
  color: #ffffff;
  border: 2px solid #cccccc;
  border-radius: 3px;
  display: inline-block;
  line-height: 0px;
  text-align: center;
  margin-right: 20px;
  background: #006341;
  border-radius: 100px;
  padding: 10px;
}
.widget-contact ul li p {
  font-size: 16px;
  color: #1a1a1a;
  padding-top: 10px;
}
.widget-contact ul li p a {
  font-size: 16px;
  color: #1a1a1a;
  text-decoration: none;
}
.widget-contact ul li.phone,
.widget-contact ul li.fax {
  font-size: 15px;
}
.widget-contact ul li + li {
  margin-top: 5px;
}
.get-touch p {
  font-size: 16px;
  color: #1a1a1a;
  text-align: justify;
}
#footer button {
  background: #006341;
  color: #fff;
  border: none;
  padding: 10px 40px;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: inherit;
}
#footer button.close,
form button.close {
  display: none;
}
.copyright {
  padding: 28px 0;
  margin-top: 55px;
  background-color: #000000;
}
.copyright span,
.copyright a {
  color: #878787;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}
.copyright a:hover {
  color: #fff;
  font-size: 18px;
}
.copyright-menu ul {
  text-align: right;
  margin: 0;
}
.copyright-menu li {
  display: inline-block;
  padding-left: 20px;
}
.copyright-social-media {
  float: right;
  min-width: 225px;
}
.copyright-social-media h3 {
  float: left;
  font-size: 18px;
  color: #fff;
}
.copyright-social-media ul {
  margin-bottom: 3px;
}
.copyright-social-media ul li {
  list-style: none;
  float: left;
  padding-left: 10px;
}
.img-hm-abt {
  margin-left: -15px;
}
.banner-abtus {
  margin: 0;
  height: 100%;
  overflow: hidden;
}
.banner-abtus img {
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  position: relative;
  margin: auto;
}
#about-slider-section {
  position: relative;
}
.abt-caption {
  height: 100px;
  width: 100%;
  position: absolute;
  left: inherit;
  margin-left: inherit;
  top: 50%;
  margin-top: -50px;
  text-align: center;
  font-weight: 700;
  font-size: 4em;
  color: #fff;
}
.abt-caption small {
  font-size: 19px;
  display: block;
  font-weight: 500;
  margin-top: 20px;
}
#abt-cnt {
  background: #58595b;
  padding: 60px 0px 60px 0px;
}
#abt-cnt p {
  color: #fff;
  text-align: justify;
  font-size: 19px;
}
#abt-pics-cnt img {
  background-size: cover;
  width: 100%;
}
#abt-cnt-btm {
  background: #136634;
  padding: 60px 0px 60px 0px;
}
#abt-cnt-btm p {
  color: #fff;
  text-align: justify;
  font-size: 19px;
}
#solution-cont2 {
  background: #007095;
  margin-top: -1px;
}
#solution-cont3 {
  background: #00a79d;
}
#solution-cont4 {
  background: #41ad48;
}
#solution-cont2 p,
#solution-cont2 h2,
#solution-cont3 p,
#solution-cont3 h2,
#solution-cont4 p,
#solution-cont4 h2 {
  color: #fff !important;
}
#solution-cont1 p,
#solution-cont2 p,
#solution-cont3 p,
#solution-cont4 p {
  color: #58595b;
  text-align: justify;
  font-size: 19px;
}
#solution-cont1 h2,
#solution-cont2 h2,
#solution-cont3 h2,
#solution-cont4 h2 {
  font-size: 60px;
  font-weight: 700;
  text-align: center;
  color: #58595b;
  padding-bottom: 20px;
  line-height: 1;
}
.main-hd-solution {
  padding: 40px 0px !important;
}
#solution-cont1,
#solution-cont2,
#solution-cont3,
#solution-cont4 {
  padding: 60px 0px 60px 0px;
}
#chairman-msg {
  background: #58595b;
}
#chairman-msg .container-fluid {
  padding: 0px;
}
.ch-msg-cnt {
  height: 100%;
  padding: 45px 53px 45px 0px;
}
.hgt-rmve {
  height: inherit !important;
}
.ch-msg-cnt h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}
.ch-msg-cnt h3 {
  color: #fff;
}
.ch-msg-cnt p {
  font-size: 19px;
  text-align: justify;
  color: #fff;
}
#chairman-msg-2 {
  padding: 53px 53px;
  background: #58595b;
}
#chairman-msg-2 p {
  text-align: justify;
  font-size: 19px;
  color: #fff;
}
#chairman-msg-2 h3 {
  color: #fff;
}
#chairman-msg-3 {
  background-color: #007095;
}
#chairman-msg-3 .serv-rgt h2 {
  font-size: 35px;
}
#chairman-msg-3 .serv-rgt h4 {
  font-size: 20px;
}
#chairman-msg-3 .serv-rgt .ser-head {
  width: 80%;
}
#chairman-msg-3 .serv-rgt .arrow-lft {
  padding: 15px;
}
#chairman-msg-4 {
  background-color: #00a79d;
}
#chairman-msg-4 p {
  text-align: justify;
  font-size: 18px;
}
#chairman-msg-4 .serv-left h2 {
  font-size: 35px;
}
#chairman-msg-4 .serv-left h4 {
  font-size: 20px;
}
#chairman-msg-4 .serv-left .ser-head {
  width: 80%;
}
#chairman-msg-4 .serv-left .arrow-lft {
  padding: 15px;
}
#chairman-msg-5 {
  background-color: #41ad48;
}
#chairman-msg-5 p {
  text-align: justify;
  font-size: 18px;
}
#chairman-msg-5 .serv-rgt h2 {
  font-size: 35px;
}
#chairman-msg-5 .serv-rgt h4 {
  font-size: 18px;
}
#chairman-msg-5 .serv-rgt .ser-head {
  width: 80%;
}
#chairman-msg-5 .serv-rgt .arrow-lft {
  padding: 15px;
}
#chairman-msg-6 {
  text-align: center;
  padding: 80px 0px;
}
#chairman-msg-6 h3 {
  color: #747477;
  font-size: 35px;
}
#chairman-msg-6 p {
  color: #58595b;
  font-size: 18px;
  margin-bottom: 60px;
}
#chairman-msg-6 p.lst-p {
  margin-bottom: 0px;
}
#chairman-msg-3 .container-fluid,
#chairman-msg-4 .container-fluid,
#chairman-msg-5 .container-fluid,
#chairman-msg-6 .container-fluid {
  padding: 0px;
}
#contact-map .container-fluid {
  padding: 0px;
}
.cnts-blocks {
  padding: 30px 10%;
}
.cont-frm {
  height: 99%;
}
/* product-1 */
.product {
  position: relative;
  margin-bottom: 10px;
}
.product .header h2 {
  text-align: center;
  color: #fff;
  margin-top: 0.2rem;
  font-size: 40px;
  font-weight: 500;
}
.product .top-numb {
  position: absolute;
  width: inherit;
  padding: 30px 50px;
  font-size: 60px;
  color: #fff;
  font-weight: 700;
}
.product .container-fluid {
  padding: 0px;
}
.product.pr-1 .left-cnt {
  padding-left: 30px;
  height: 100%;
}
.product.pr-1 .rgt-cnt {
  padding: 30px 90px 30px 30px;
  height: 100%;
}
.product.pr-1 .left-cnt .cnt-block {
  display: flex;
  justify-content: end;
  align-items: center;
  height: 100%;
}
.pr-1 .pr-img {
  z-index: -1 !important;
  position: inherit;
}
.product .prdouct-details .col-md-5,
.product .prdouct-details .col-md-7 {
  padding: 0px;
}
.prdouct-details h3 {
  font-size: 40px;
  padding-right: 20px;
  color: #fff;
  font-weight: 700;
  line-height: 59px;
  margin: 38px 0px;
  text-align: right;
}
.pr-1 .rgt-cnt li {
  font-size: 18px;
  color: #fff;
  padding-bottom: 7px;
  list-style-type: square;
}
.arrow {
  display: block;
  width: 200px;
  height: 200px;
  position: relative;
  margin-right: -19px;
  flex-basis: 200px;
  flex-grow: 0;
  flex-shrink: 0;
}
.arrow::before {
  content: "";
  width: 100%;
  height: 40%;
  display: inline-block;
  background: var(--background-arrow);
  border-radius: 50px;
  left: 0;
  position: absolute;
  transform: rotate(45deg);
  top: 8%;
}
.arrow::after {
  content: "";
  width: 100%;
  height: 40%;
  display: inline-block;
  background: var(--background-arrow);
  border-radius: 50px;
  left: 0;
  position: absolute;
  transform: rotate(-45deg);
  bottom: 8%;
}
#wowslider-container1 .ws-title span {
  font-family: "NeutraTextTF-Bold";
}
/* Responsive CSS */
@media screen and (min-width: 1200px) {
  #wowslider-container1 .ws-title {
  }
  .ch-msg-cnt {
    padding: 25px 53px 25px 0px;
  }
}
@media screen and (min-width: 1440px) {
  .navbar a {
    font-size: 18px;
  }
  .navbar a {
    padding-right: 15px !important;
  }
  #home-abt p {
    font-size: 25px;
  }
  #sign-up p {
    font-size: 25px;
  }
  #footer .nws p,
  #footer .fo-link li a,
  .widget-contact ul li p,
  .widget-contact ul li p a,
  .get-touch p,
  .copyright span,
  .copyright a {
    font-size: 18px;
  }
  #abt-cnt p,
  #abt-cnt-btm p {
    font-size: 25px;
  }
  .abt-caption small {
    font-size: 25px;
    line-height: 45px;
  }
  #solution-cont1 h2,
  #solution-cont2 h2,
  #solution-cont3 h2,
  #solution-cont4 h2 {
    font-size: 80px !important;
    font-weight: 500;
  }
  #solution-cont1 p,
  #solution-cont2 p,
  #solution-cont3 p,
  #solution-cont4 p {
    font-size: 25px !important;
  }
  #chairman-msg {
    background: #58595b;
  }
  #chairman-msg .container-fluid {
    padding: 0px;
  }
  .ch-msg-cnt {
    height: 100%;
    padding: 30px 53px 53px 0px;
  }
  .hgt-rmve {
    height: inherit !important;
  }
  .ch-msg-cnt h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 50px;
  }
  .ch-msg-cnt p {
    font-size: 22px;
    text-align: justify;
    color: #fff;
  }
  #chairman-msg-2 {
    padding: 53px 53px;
  }
  #chairman-msg-2 p {
    text-align: justify;
    font-size: 22px;
  }
  #chairman-msg-3 {
    background-color: #007095;
  }
  #chairman-msg-3 .serv-rgt h2 {
    font-size: 45px;
  }
  #chairman-msg-3 .serv-rgt h4 {
    font-size: 26px;
  }
  #chairman-msg-3 .serv-rgt .ser-head {
    width: 90%;
  }
  #chairman-msg-3 .serv-rgt .arrow-lft {
    padding: 15px;
  }
  #chairman-msg-4 {
    background-color: #00a79d;
  }
  #chairman-msg-4 p {
    text-align: justify;
    font-size: 25px;
  }
  #chairman-msg-4 .serv-left h2 {
    font-size: 45px;
  }
  #chairman-msg-4 .serv-left h4 {
    font-size: 26px;
  }
  #chairman-msg-4 .serv-left .ser-head {
    width: 90%;
  }
  #chairman-msg-4 .serv-left .arrow-lft {
    padding: 15px;
  }
  #chairman-msg-5 {
    background-color: #41ad48;
  }
  #chairman-msg-5 p {
    text-align: justify;
    font-size: 25px;
  }
  #chairman-msg-5 .serv-rgt h2 {
    font-size: 46px;
  }
  #chairman-msg-5 .serv-rgt h4 {
    font-size: 26px;
  }
  #chairman-msg-5 .serv-rgt .ser-head {
    width: 90%;
  }
  #chairman-msg-5 .serv-rgt .arrow-lft {
    padding: 15px;
  }
  #chairman-msg-6 {
    text-align: center;
    padding: 80px 0px;
  }
  #chairman-msg-6 h3 {
    color: #747477;
    font-size: 46px;
  }
  #chairman-msg-6 p {
    color: #58595b;
    font-size: 25px;
    margin-bottom: 60px;
  }
  #chairman-msg-6 p.lst-p {
    margin-bottom: 0px;
  }
  #chairman-msg-3 .container-fluid,
  #chairman-msg-4 .container-fluid,
  #chairman-msg-5 .container-fluid,
  #chairman-msg-6 .container-fluid {
    padding: 0px;
  }
  /* product-1 */
  .product .header h2 {
    font-size: 46px;
  }
  .product .top-numb h6 {
    font-size: 60px;
  }
  .product.pr-1 .left-cnt {
    padding-left: 30px 300px;
  }
  .prdouct-details h3 {
    font-size: 60px;
  }
}
@media (max-width: 576px) {
  .container,
  .container-sm {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 479px) {
  #wowslider-container1 {
  }
  #home-abt {
    background: inherit;
    padding: 30px 0px;
  }
  .img-hm-abt {
    display: none;
  }
  .serv-left .ser-head {
    float: inherit !important;
  }
  .serv-left .arrow-lft {
    display: none;
  }
  .serv-left {
    width: 100%;
  }
  .serv-left h2,
  .serv-left h4 {
    text-align: center !important;
  }
  .service-sect img {
    margin-bottom: 10px;
  }
  .serv-rgt .arrow-lft {
    display: none;
  }
  .serv-rgt .ser-head {
    float: inherit !important;
  }
  .serv-rgt {
    width: 100%;
  }
  .serv-rgt h2,
  .serv-rgt h4 {
    text-align: center !important;
  }
  .serv-left .ser-head h2,
  .serv-rgt .ser-head h2 {
    font-size: 30px;
  }
  #sign-up {
    padding: 30px 0px;
  }
  #sign-up h1 {
    font-size: 26px;
  }
  #footer {
    padding: 30px 0px 0px 0px;
    border: 0px solid #fff;
    background: #eee;
  }
  .copyright span {
    width: 100%;
    display: block;
    text-align: center;
  }
  .copyright-social-media {
    float: inherit;
    width: 220px;
    margin: 0px auto;
  }
  .copyright-menu {
    display: none;
  }
  #footer .container {
    text-align: center;
  }
  #footer .more {
    float: inherit;
  }
  .seprater-main .sep-cntr {
    margin: 0px auto;
  }
  .seprat-dv {
    width: 100%;
    margin: 10px 0px;
  }
  #footer button {
    width: 100%;
  }
  #footer .widget-contact {
    width: 270px;
    margin: 0px auto;
  }
  #footer .widget-contact p {
    text-align: left;
  }
  .mob-pd {
    padding-top: 15px;
  }
  .service-sect1 a {
    text-decoration: none;
    display: block;
    width: 100%;
  }
  .service-sect {
    padding: 0px 0px 10px 0px;
  }
  .service-sect h2 {
    padding: 10px 0px 0px 0px;
  }
  .abt-caption {
    height: 100px;
    width: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    margin-top: 60px;
    margin-left: inherit;
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;
    color: #fff;
  }
  .banner-abtus {
    position: relative;
  }
  .banner-abtus img {
    min-height: inherit;
    min-width: inherit;
    height: inherit;
    position: inherit;
    margin: inherit;
    background-size: cover;
    width: 100%;
  }
  #abt-cnt {
    padding: 30px 0px 30px 0px;
  }
  #abt-cnt p {
    font-size: 19px;
  }
  #abt-cnt-btm {
    padding: 30px 0px 30px 0px;
  }
  #abt-cnt-btm p {
    font-size: 19px;
  }
  #solution-cont1,
  #solution-cont2,
  #solution-cont3,
  #solution-cont4 {
    padding: 30px 0px 30px 0px;
  }
  #solution-cont1 h2,
  #solution-cont2 h2,
  #solution-cont3 h2,
  #solution-cont4 h2 {
    font-size: 30px;
  }
  .main-hd-solution {
    padding: 20px 0px !important;
  }
  .carrier-main {
    height: 247px;
  }
  .carrier-main .abt-caption small {
    font-size: 15px;
    line-height: 19px;
  }
  .charman-head .abt-caption {
    margin-top: 27px;
    font-size: 30px;
  }
  .charman-head .abt-caption small {
    font-size: 13px;
    line-height: 17px;
  }
  #chairman-msg .ch-msg-cnt {
    padding: 20px 20px 20px 20px;
  }
  #chairman-msg .ch-msg-cnt h2 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 20px;
  }
  #chairman-msg .ch-msg-cnt p {
    font-size: 19px;
  }
  #chairman-msg-2 {
    padding: 20px 10px;
  }
  #chairman-msg-2 p {
    font-size: 19px;
  }
  #chairman-msg-2 h3 {
    font-size: 18px;
    font-weight: 600;
  }
  #chairman-msg-3 .serv-rgt .ser-head {
    width: 100%;
    margin-top: 10px;
  }
  #chairman-msg-3 .serv-rgt {
  }
  #chairman-msg-3 {
    padding: 10px 10px;
  }
  #chairman-msg-3 a {
    text-decoration: inherit;
  }
  #chairman-msg-3 .serv-rgt h2 {
    font-size: 30px;
  }
  #chairman-msg-3 .serv-rgt h4 {
    font-size: 19px;
  }
  #chairman-msg-4 .serv-left .ser-head {
    width: 100%;
    margin-bottom: 20px;
  }
  #chairman-msg-4 .serv-left a {
    text-decoration: inherit;
  }
  #chairman-msg-4 {
    padding: 10px 10px;
  }
  #chairman-msg-4 .serv-left h2 {
    font-size: 30px;
  }
  #chairman-msg-4 .serv-left h4 {
    font-size: 19px;
  }
  #chairman-msg-5 {
    padding: 10px 10px;
  }
  #chairman-msg-5 .serv-rgt .ser-head {
    width: 100%;
  }
  #chairman-msg-5 .serv-rgt a {
    text-decoration: inherit;
  }
  #chairman-msg-5 .serv-rgt h2 {
    font-size: 30px;
  }
  #chairman-msg-5 .serv-rgt .ser-head {
    margin-top: 10px;
  }
  #chairman-msg-5 .serv-rgt h4 {
    font-size: 19px;
  }
  #chairman-msg-6 {
    padding: 20px 0px;
  }
  #chairman-msg-6 h3 {
    font-size: 30px;
    font-weight: 700;
  }
  #chairman-msg-6 p {
    font-size: 19px;
  }
  #chairman-msg-6 p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 413px) {
  .main-header .form-control {
    padding: 0px 0px 0px 10px;
  }
  .service-sect a {
    text-decoration: none;
    display: block;
    width: 100%;
  }
  .service-sect {
    padding: 0px 0px 10px 0px;
  }
  .service-sect1 h2 {
    padding: 10px 0px 0px 0px;
  }
  .bi-person-circle,
  .bi-globe2 {
    font-size: 38px;
  }
  .carrier-main .abt-caption small {
    font-size: 14px;
    line-height: 19px;
  }
}
@media screen and (max-width: 320px) {
  .search {
    width: 160px;
  }
  .bi-person-circle,
  .bi-globe2 {
    font-size: 36px;
  }
  .carrier-main .abt-caption small {
    font-size: 12px;
    line-height: 19px;
  }
  #service-sect1 a,
  #service-sect2 a,
  #service-sect3 a,
  #service-sect4 a {
    text-decoration: none;
    display: block;
    width: 100%;
  }
  #service-sect1,
  #service-sect2,
  #service-sect3,
  #service-sect4 {
    padding: 0px 0px 10px 0px;
  }
  #service-sect1 h2,
  #service-sect2 h2,
  #service-sect3 h2,
  #service-sect4 h2 {
    padding: 10px 0px 0px 0px;
  }
  #solution-cont1 h2,
  #solution-cont2 h2,
  #solution-cont3 h2,
  #solution-cont4 h2 {
    font-size: 25px;
  }
}
/* Responsive CSS END */
/* Website Loading */
.loader-fb {
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  position: absolute !important;
}
/* Demo specific styles end */
/* Loader with three blocks */
.loader-fb,
.loader-fb:before,
.loader-fb:after {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 50px;
  background-color: rgba(215, 230, 240, 0.9);
  border: 1px solid rgb(215, 230, 240);
  z-index: 100000;
  content: " ";
  margin-left: -5px;
  margin-right: -9px;
}
.loader-fb:before {
  top: -11px;
  left: -100%;
  animation: loading-fb 0.8s cubic-bezier(0.4, 0.5, 0.6, 1) infinite;
}
.loader-fb {
  animation: loading-fb-main 0.8s cubic-bezier(0.4, 0.5, 0.6, 1) 0.2s infinite;
}
.loader-fb:after {
  top: -11px;
  right: -100%;
  margin-top: 50%;
  animation: loading-fb 0.8s cubic-bezier(0.4, 0.5, 0.6, 1) 0.4s infinite;
}
@keyframes loading-fb {
  from {
    transform: scaleY(1.4);
    background-color: rgba(55, 114, 171, 0.9);
    border: 1px solid rgb(55, 114, 171);
  }
}
@keyframes loading-fb-main {
  from {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
    background-color: rgba(55, 114, 171, 0.9);
    border: 1px solid rgb(55, 114, 171);
  }
}
#stop-scrolling {
  height: 100% !important;
  overflow: hidden !important;
}
.hm-srvc .serv-left .arrow-lft,
.hm-srvc .serv-rgt .arrow-lft {
  transition: 0.3s;
}
.hm-srvc .serv-left:hover .arrow-lft {
  transform: translateX(10px);
}
.hm-srvc .serv-rgt:hover .arrow-lft {
  transform: translateX(-10px);
}
@media (max-width: 1099px) {
  footer#footer {
    overflow-x: hidden !important;
  }
  .navbar a {
    font-size: 12px;
  }
  #sr-btn .bi-search {
    font-size: 23px;
    top: 4px;
    right: 9px;
  }
  section#sign-up p {
    padding: 10px 0px 15px 0px;
  }
  .copyright-menu li {
    display: inline-block;
    padding-left: 10px;
  }
  footer#footer .more {
    margin-top: 20px;
  }
  .abt-caption {
    margin-top: -20px;
  }
  section {
    overflow-x: hidden;
  }
  .prdouct-details .ar-desk img {
    max-width: 100px;
    margin-top: 50%;
    margin-right: 20px;
  }
}
@media (max-width: 991px) {
  .navbar-light .navbar-toggler i {
    display: none;
  }
  .navbar-light .navbar-toggler {
    background-color: #fff;
    outline: none;
  }
  .navbar a {
    font-size: 16px;
    padding-top: 22px;
    padding-bottom: 0px;
  }
  section#home-abt {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .serv-left .arrow-lft img,
  .serv-rgt .arrow-lft img {
    width: 25px;
  }
  .serv-left .ser-head h2 {
    font-size: 25px;
    text-align: right;
    font-weight: 700;
    color: #fff;
  }
  .serv-rgt .ser-head h2 {
    font-size: 25px;
  }
  .abt-caption {
    top: 73%;
    margin-top: -50px;
    font-size: 2em;
  }
  .navbar {
    background-color: #404040 !important;
  }
  .copyright-menu ul {
    text-align: left;
    margin: 0;
  }
  .prdouct-details h3 {
    font-size: 27px;
    line-height: normal;
  }
  .arrow {
    width: 150px;
    height: 150px;
    flex-basis: 150px;
  }
  .arrow::before {
    width: 100%;
    height: 40%;
    top: 30%;
  }
  .arrow::after {
    width: 100%;
    height: 40%;
    bottom: -14%;
  }
}
@media (max-width: 768px) {
  .main-header {
    position: inherit;
    padding-top: 10px;
    margin-top: inherit;
    background: #4c4948;
  }
  .main-logo {
    text-align: center;
  }
  .main-search-login {
    float: inherit;
  }
  .main-search-login .row {
    min-height: 92px;
    width: 100%;
    margin: 0px auto;
  }
  .navbar-light .navbar-toggler {
    text-align: center;
  }
  .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    width: 46px;
    padding: 0px;
    margin: 0px auto;
  }
  .navbar-light .navbar-toggler-icon {
    background-image: inherit;
    font-size: 32px;
    height: inherit;
    width: inherit;
    display: contents;
  }
  .navbar-nav li {
    border-bottom: solid 1px #646464;
  }
  .navbar-nav {
    margin-top: 10px !important;
  }
  .navbar-light .navbar-toggler i {
    display: block;
    color: #000;
  }
  .navbar-light .navbar-toggler {
    margin-right: 0;
  }
  .search {
    width: calc(100% - 62px);
  }
  #wowslider-container1 .ws-title {
    font-size: 11em !important;
    line-height: normal;
    text-align: center !important;
  }
  form#contact-form {
    margin-top: 25px;
  }
  #footer .nws p {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .abt-caption {
    top: 53%;
  }
  .charman-head .abt-caption {
    margin-top: -80px;
    font-size: 30px;
  }
  section#about-slider-section.charman-head {
    height: 295px;
  }
  .product .top-numb {
    position: inherit;
    width: 100%;
    text-align: center;
    padding: 0px 50px;
  }
  .product .header h2 {
    font-size: 28px;
  }
  .product.pr-1 .left-cnt {
    padding-left: 0;
  }
  .product.pr-1 .left-cnt .cnt-block {
    flex-direction: column;
  }
  .prdouct-details h3 {
    width: 100%;
    text-align: center;
    margin: 10px 0;
  }
  .prdouct-details p {
    margin-right: inherit;
    text-align: center;
    width: 100%;
  }
  .prdouct-details h3 br {
    display: none;
  }
  .product .top-numb h6 {
    font-size: 40px;
  }
  .arrow {
    width: 50px;
    height: 50px;
    margin: 10px 0;
    flex-basis: 50px;
  }
  .arrow::before {
    transform: rotate(135deg);
    top: unset;
    left: 22%;
  }
  .arrow::after {
    transform: rotate(-135deg);
    bottom: unset;
    left: -21%;
  }
}
@media (max-height: 500px) and (orientation: landscape) {
  .main-header {
    position: relative;
    background-color: #404040;
  }
  .header-wrapper .col-sm-12 {
    flex: 0 0 auto;
    width: 50%;
  }
  .bi-person-circle,
  .bi-globe2 {
    color: #fff;
    font-size: 26px;
    margin-top: 10px !important;
    display: inline-block;
  }
  .navbar-light .navbar-toggler i {
    display: none;
  }
}
.current-opening .search {
  position: relative;
  width: 385px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.current-opening .search .form-control {
  background-color: inherit;
  border: solid 3px #58595b;
  border-radius: 30px;
}
.current-opening #sr-btn {
  border-radius: 100px;
  border: solid 3px #58595b;
  margin-left: -50px;
  width: 42px;
  height: 42px;
}
.current-opening #sr-btn .bi-search {
  color: #58595b;
}
.current-opening .btn-outline-success:hover i {
  color: #fff !important;
}
.wd-100 {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: flex;
}
section.current-opening {
  padding: 65px 0px 65px 0px;
}
section.current-opening h2 {
  color: #006341;
}
section.current-opening p {
  color: #58595b;
  font-size: 21px;
  font-weight: 500;
  padding: 20px 0px 25px 0px;
}
a.job-apply-btn {
  background-color: #006341;
  color: #fff;
  text-decoration: none;
  padding: 14px 25px;
  font-weight: bold;
  margin-right: 15px;
}
section.current-opening h3 {
  color: #006341;
  font-family: "NeutraTextTF-Light";
  font-weight: 800;
}
section.current-opening .opening p,
section.current-opening .opening span {
  color: #58595b;
  padding: 0px 0px 25px 0px;
  font-weight: bold;
  font-size: 20px;
}
.apply-now {
  margin-top: 35px;
}
.opening {
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
}
section.current-opening .pagination {
  float: right;
}
section.current-opening .pagination a {
  color: black;
  float: left;
  padding: 0px 10px 5px 10px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  font-size: 19px;
  border-radius: 5px;
  margin-right: 9px;
}
section.current-opening .pagination a.active {
  background-color: #006341;
  color: white;
  border: 1px solid #006341;
}
.text-f-right {
  width: 100%;
  display: block;
  float: right;
  position: relative;
}
.apply-for-opening {
  background-image: url(../images/apply-for-opening.png);
  background-repeat: no-repeat;
  padding: 50px 0px;
  background-size: contain;
  background-color: #638c60;
  background-position: bottom left;
}
section.apply-for-opening h4 {
  color: #fff;
  line-height: 34px;
  font-family: "NeutraTextTF-Light";
  font-weight: 800;
  padding-top: 25%;
}
.apply-form-outer label {
  display: block;
  margin-top: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 5px;
}
.apply-form-outer .form-control {
  border-radius: 0px;
  min-height: 43px;
}
input#resumeUpload {
  color: #fff;
}
input.resume-btn {
  background-color: #006341;
  width: 100%;
  border: 1px solid #fff;
  margin-top: 14px;
  color: #fff;
  padding: 8px 14px;
  font-weight: bold;
  font-size: 22px;
}
section.registration-form {
  background-color: #eeefef;
  padding: 45px 0px;
}
section.registration-form h2 {
  color: #006341;
}
section.registration-form p.title {
  color: #58595b;
  font-size: 21px;
  font-weight: 500;
  padding: 20px 0px 25px 0px;
  border-bottom: 1px solid #000;
}
.contain {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.contain input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  outline: 1px solid #c1c1c1;
}
.contain:hover input ~ .checkmark {
  background-color: #ccc;
}
.contain input:checked ~ .checkmark {
  background-color: #006341;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.contain input:checked ~ .checkmark:after {
  display: block;
}
.contain .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
section.registration-form .form-control {
  border: 1px solid #ced4da;
  border-radius: 0px;
  min-height: 45px;
}
section.registration-form p span {
  color: #f00;
  font-size: 19px;
  padding-left: 6px;
}
section.registration-form p {
  color: #58595b;
  font-size: 18px;
  font-weight: 700;
}
input.resume-btn:hover {
  background-color: #1aa575;
}
@media (max-width: 1099px) {
  section.current-opening .opening span {
    display: block;
    margin-top: 17px;
  }
  section.registration-form p {
    margin-bottom: 11px;
  }
  .varification-code-text {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .current-opening .search {
    width: 300px;
  }
  .apply-now {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  section.apply-for-opening h4 {
    padding-top: 5%;
  }
}
.button-loader {
  width: 52px;
  height: auto;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}
#loader-4 span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #fff;
  margin: 0 2px;
  opacity: 0;
}
#loader-4 span:nth-child(1) {
  animation: opacitychange 1s ease-in-out infinite;
}
#loader-4 span:nth-child(2) {
  animation: opacitychange 1s ease-in-out 0.33s infinite;
}
#loader-4 span:nth-child(3) {
  animation: opacitychange 1s ease-in-out 0.66s infinite;
}
@keyframes opacitychange {
  0%,
  100% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
.grecaptcha-badge {
  display: none;
  z-index: 999;
}
.error {
  color: red !important;
}
/* chairman wrapping */
#chairman-msg.dinln img {
  float: left;
  padding-right: 30px;
  padding-bottom: 10px;
}
#chairman-msg.dinln .ch-msg-cnt {
  padding-left: 60px;
}
#chairman-msg.dinln .ch-msg-cnt h3 {
  color: #fff;
  padding-top: 35px;
}
@media (max-width: 1400px) and (min-width: 991px) {
  #chairman-msg.dinln img {
    max-width: 50%;
  }
}
@media (max-width: 990px) {
  #chairman-msg.dinln .ch-msg-cnt {
    height: 100%;
    padding: 45px 15px 45px 15px;
  }
  #chairman-msg.dinln img {
    width: 100%;
    padding-right: 0;
  }
}
/* chairman wrapping end */
/* news */
#news-cnt {
  padding: 60px 0px;
  background-color: #cdcece;
}
.blue-clr .news-thumb {
  position: relative;
}
.blue-clr .news-thumb::before {
  background-image: url(../images/blue-arrow.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
}
.green-clr .news-thumb {
  position: relative;
}
.green-clr .news-thumb::before {
  background-image: url(../images/green-arrow.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
}
.blue-clr .news-content {
  background-color: #006495;
  padding: 40px 40px 40px 100px;
  background-image: url(../images/news-content-bg.png);
  background-repeat: no-repeat;
  background-position: 5% 25%;
  position: relative;
}
.green-clr .news-content {
  background-color: #00a79d;
  padding: 40px 40px 40px 100px;
  background-image: url(images/news-content-bg.png);
  background-repeat: no-repeat;
  background-position: 5% 25%;
  position: relative;
}
.news-content::before {
  background-image: url(../images/left-side-cut.png);
  background-repeat: no-repeat;
  background-position: 5% 25%;
  position: absolute;
  content: "";
  width: 155px;
  height: 155px;
  left: -12px;
  bottom: -35px;
}
.news-box {
  box-shadow: 6px 7px 0px #a5a5a5;
  max-width: 95%;
  margin: 0 auto;
}
.news-content p {
  color: #fff;
  font-size: 19px;
  line-height: normal;
  margin-bottom: 15px;
  margin-top: 15px;
}
.news-content h2 {
  color: #fff;
}
.arrow-ico {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
  width: 100%;
  display: block;
  margin-top: 35px;
}
.arrow-ico i {
  background-color: #fff;
  color: #006495;
  padding: 3px 7px;
  border-radius: 5px;
  margin-left: 10px;
}
.arrow-ico:hover {
  color: #a3e1ff;
}
#news-details-cnt {
  background-image: url("../images/white-arrow.png");
  background-color: #006495;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 200px;
  padding-top: 30px;
  padding-bottom: 30px;
}
#news-details-cnt h4 {
  font-family: "NeutraTextTF-Light";
  color: #fff;
}
#news-details-cnt h1 {
  color: #fff;
  font-size: 35px;
}
section.news-desc {
  padding: 15px 0px;
}
section.news-desc.alt-blue {
  background-color: #e6f0f5;
}
.pb-4 {
  padding-bottom: 50px !important;
}
section.news-desc p {
  font-size: 20px;
  line-height: 34px;
  font-weight: 600;
}
img.news-thumb-img {
  float: left;
  max-width: 305px;
  padding-right: 26px;
  padding-bottom: 20px;
}
.divider {
  background-color: #006495;
  width: 140px;
  height: 8px;
  margin: 30px auto;
}
@media (max-width: 1300px) {
  .news-box {
    max-width: 100%;
    margin-bottom: 35px;
  }
}
@media (max-width: 1099px) {
  .banner-abtus.cust-h img {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .blue-clr .news-content {
    padding: 40px 40px 40px 60px;
    background-size: 20px;
  }
  #news-details-cnt {
    padding-left: 0px;
    padding-bottom: 30px;
    background-image: none;
  }
  .banner-abtus.cust-h {
    display: none;
  }
  img.news-thumb-img {
    max-width: 100%;
    text-align: center;
    padding-right: 0;
  }
}
@media (min-width: 1300px) {
  .news-desc .container {
    max-width: 78%;
  }
}
/* news end */
.close-date {
  float: left;
  width: 100%;
  display: block;
  margin-bottom: 40px;
}
td a.job-apply-btn {
  margin-bottom: 5px;
  display: inline-block;
  padding: 9px 25px;
  font-size: 17px;
}
table.tg td {
  color: #58595b;
  font-size: 21px;
  font-weight: 600;
  padding-top: 25px;
}
table.tg {
  border-color: #7a7a7a;
  margin-top: 50px;
}
table.tg thead tr th {
  color: #006341 !important;
  font-weight: 800 !important;
  font-size: 20px !important;
}
table.tg thead tr {
  border-top: 2px solid #000;
}
td.desc {
  background-color: #e5eff4;
}
a.job-apply-btn:hover {
  background-color: #2b9772;
}
@media (max-width: 600px) {
  td.desc {
    min-width: 350px;
  }
  .close-date {
    margin-bottom: 20px;
    min-width: 175px;
  }
}