@charset "UTF-8";
body {
  font-family: "Raleway", sans-serif !important;
}

a:hover
{
  opacity: .8;
  transition: .5s ease-out;
}
/* iOS 4.1- */
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@media (min-width: 992px) {
  .header-ad-slider .slider {
    overflow: hidden;
  }

  .header-ad-slider .slider .slick-list {
    height: 100%;
  }

  .header-ad-slider .slide .slide__img {
    position: absolute;
    top: 50%;
    left: 0;
  }
}
.container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 90px !important;
}
.header {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 5;
  transition: all 0.3s ease;
}

.header.fixed-header {
  position: fixed;
  background-color: rgba(253, 253, 253, 0.96);
  transition: all 0.3s ease;
}

.header.fixed-header .logo-sec {
  padding: 19px 0;
  transition: all 0.3s ease;
  padding-right: 74px;
}
section.certification.home-cer .owl-carousel .owl-nav {
    display: none !important;
}
.logo-image img {
  width: 225px;
}

.header-ad-slider .slide {
  position: relative;
}

.header-ad-slider .slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.header-ad-slider .slide .slide__img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;
  animation-duration: 3s;
  transition: all 1s ease;
  width: 100%;
}

.header-ad-slider .slide .slide__content {
  position: absolute;
  top: 50%;
  left: 50%;
}

.header-ad-slider .slide .slide__content--headings {
  text-align: center;
  color: #fff;
}

.header-ad-slider .slide .slide__content--headings h2 {
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  font-size: 73px;
  /* background: linear-gradient(#000f24 0%, rgba(0, 15, 36, 0) 100%); */
  position: relative;
  text-shadow: 1px 2px 2px #000f24, 0 0 103px #000f24, 0 0 91px #000057;
  position: relative;
  justify-content: center;
}

.header-ad-slider .slide .slide__content--headings a svg {
  width: 135px;
  height: 45px;
  border: 1px solid #f9f9f9;
  padding: 11px 13px;
  background-color: #000000;
  border-radius: 2px;
  transition: 0.5s ease-out;
}
.header-ad-slider .slide .slide__content--headings a svg:hover {
  background-color: #343434;
}

.header-ad-slider .slide .slide__content--headings a svg text {
  stroke: white;
}

.header-ad-slider .slide .slide__content--headings h2 svg {
  width: 50%;
  width: 50%;
  position: relative;
  z-index: 1;
}

.header-ad-slider .slide .slide__content--headings h2 svg text {
  font-size: 140px;
  stroke: #d4d900;
}

.header-ad-slider .slide .slide__content--headings h2 span {
  position: relative;
  z-index: 1;
  animation: blink 5s infinite linear;
}

.header-ad-slider .slide .slide__content--headings h2:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/shadow.png);
  background-size: 70%;
  background-repeat: no-repeat;
}

.header-ad-slider .slide .slide__content--headings .animated {
  transition: all 0.5s ease;
}

.header-ad-slider .slider [data-animation-in] {
  opacity: 0;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
}

.header-ad-slider .slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.header-ad-slider .slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.header-ad-slider .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.header-ad-slider .slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.header-ad-slider .slick-dots li button:hover {
  outline: none;
}

.header-ad-slider .slick-dots li button:focus {
  outline: none;
}

.header-ad-slider .simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}

.header-ad-slider .simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: white;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}

.header-ad-slider .simple-dots .slick-dots li button:hover {
  opacity: 1;
}

.header-ad-slider .simple-dots .slick-dots li button:focus {
  opacity: 1;
}
section.certification.inner-tr .cert-box {
    justify-content: center;
    align-items: center;
}
.header-ad-slider .simple-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}
section.certification.inner-tr h3 {
    font-size: 33px;
    line-height: 47px;
}
section.certification.inner-tr .cert-box h2 {
    font-weight: bold;
    font-size: 26px;
    line-height: 37px;
    text-align: center;
    color: #022a3a;
    text-transform: uppercase;
}
.header-ad-slider .stick-dots .slick-dots li {
  height: 6px;
  width: 6px;
}

.header-ad-slider .stick-dots .slick-dots li button {
  position: relative;
  background-color: white;
  opacity: 0.25;
  width: 6px;
  height: 6px;
  padding: 0;
  border-radius: 50%;
}

.header-ad-slider .stick-dots .slick-dots li button:hover {
  opacity: 1;
}

.header-ad-slider .stick-dots .slick-dots li button:focus {
  opacity: 1;
}

.header-ad-slider .stick-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}

.header-ad-slider .stick-dots .slick-dots li.slick-active button:hover {
  opacity: 1;
}

.header-ad-slider .stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}

.header-ad-slider .zoomInImage {
  animation-name: zoomInImage;
}

.header-ad-slider .zoomOutImage {
  animation-name: zoomOutImage;
}

.header-ad-slider button.slick-prev.pull-left.slick-arrow {
  border-radius: 50%;
  position: absolute;
  width: 28px;
  left: 13px;
  color: #fff;
  z-index: 1;
  background-color: unset;
  border: 1px solid white;
  top: 50%;
  transform: translate(0%, -50%);
}

.header-ad-slider button.slick-next.pull-right.slick-arrow {
  border-radius: 50%;
  position: absolute;
  width: 28px;
  right: 13px;
  color: #fff;
  z-index: 1;
  background-color: unset;
  border: 1px solid white;
  top: 50%;
  transform: translate(0%, -50%);
}

.search-bar .dropdown.dropdown-lg .dropdown-menu {
  margin-top: -1px;
  padding: 6px 20px;
}
.search-bar .input-group-btn .btn-group {
  display: flex !important;
}
.search-bar .btn-group .btn {
  border-radius: 0;
  margin-left: -1px;
}
.search-bar .btn-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.search-bar .btn-group .form-horizontal .btn[type=submit] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.search-bar .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.search-bar .form-group .form-control:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media screen and (min-width: 768px) {
  .search-bar #adv-search {
    width: 500px;
    margin: 0 auto;
  }
  .search-bar .dropdown.dropdown-lg {
    position: static !important;
  }
  .search-bar .dropdown.dropdown-lg .dropdown-menu {
    min-width: 500px;
  }
}

.header .logo-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 0;
}
.header .logo-sec .search-bar .search-text {
  width: 35%;
  font-size: 12px;
  font-weight: 100;
  padding: 7px 11px;
  height: 48px;
  border-bottom-left-radius: 45px;
  border-top-left-radius: 45px;
  outline: none !important;
}
.header .logo-sec .search-bar .form-control {
  transition: 0.5s ease-out;
}
.header .logo-sec .search-bar .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #9c4098;
  outline: 0;
  box-shadow: none;
  transition: 0.5s ease-out;
}
.header .logo-sec .search-bar .input-group-prepend {
  position: relative;
}
.header .logo-sec .search-bar select {
  font-size: 13px;
  /* padding: 10px 23px; */
  height: 48px;
  padding-right: 162px;
  border-top-right-radius: 38px;
  border-bottom-right-radius: 38px;
  outline: none !important;
  transition: 0.5s ease-out;
}
.header .logo-sec .search-bar select:focus {
  color: #495057;
  background-color: #fff;
  border-color: #9c4098;
  outline: 0;
  box-shadow: none;
  transition: 0.5s ease-out;
}
.header .logo-sec .search-bar button {
  color: #fff !important;
  background-color: #16c1f3 !important;
  border: 0 !important;
  border-radius: 38px !important;
  position: absolute;
  right: 0;
  height: 100%;
  padding: 10px 36px;
  font-size: 15px;
  outline: none !important;
  transition: 0.5s ease-out;
  margin: 0 !important;
  position: absolute;
  top: -61px;
  height: 42px;
  left: 0;
}
.header .logo-sec .search-bar button:hover {
  background-color: #7884c1;
}
.header .logo-sec .cart .icon-login {
  position: relative;
}
.header .logo-sec .cart .count-c {
  position: absolute;
  bottom: -8px;
  background-color: #16c1f3;
  color: #fff;
  border-radius: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: 0.5s ease-out;
}
.header .logo-sec .login {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}
.header .logo-sec .login:hover .icon-login {
  width: 30%;
}
.header .logo-sec .login:hover .icon-login svg {
  fill: #7884c1;
}
.header .logo-sec .login:hover .count-c {
  background-color: #7884c1;
}
.header .logo-sec .login .icon-login {
  width: 30%;
}
.header .logo-sec .login .icon-login svg {
  width: 47px;
  margin-right: 13px;
  fill: #767676;
  transition: 0.5s ease-out;
}
.header .logo-sec .login .login-text h3 {
  font-size: 15px;
  font-weight: 200;
  color: #7a7a7a;
}
.header .logo-sec .login .login-text h5 {
  color: #330e34;
  font-size: 14px;
  text-decoration: none;
  transition: 0.5s ease-out;
  margin: 0;
}
.header .logo-sec .login .login-text .link-log {
  display: flex;
  color: #330e34;
  font-size: 14px;
}
.header .logo-sec .login .login-text .link-log a:first-child {
  color: #330e34;
  font-size: 14px;
  padding: 0 10px;
  padding-left: 0;
}
.header .logo-sec .login .login-text .link-log a {
  color: #330e34;
  font-size: 14px;
  padding: 0 10px;
  text-decoration: none;
  transition: 0.5s ease-out;
}
.header .logo-sec .login .login-text .link-log a:hover {
  color: #7884c1;
}
.header .header-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;

}
.header .header-menu a.nav-link.right-btn {
  padding: 10px 18px !important;
  font-size: 15px !important;
  background-color: rgba(255, 255, 255, 0.23);
  margin-right: 12px;
}
.header .header-menu .menu-nav .image-item img {
  width: 100%;
}
.header .header-menu .menu-nav .navbar {
  padding: 0;
  box-shadow: none !important;
}
.header .header-menu .menu-nav .navbar-light .navbar-nav .nav-link {
  color: #ffffff;

}
.header .header-menu .menu-nav .navbar-light .navbar-brand:focus,
.header .header-menu .menu-nav .navbar-light .navbar-brand:hover {
  color: #ffffff;
}
.header .header-menu .menu-nav .navbar-light .navbar-nav .nav-link:focus,
.header .header-menu .menu-nav .navbar-light .navbar-nav .nav-link:hover {
     color: #593314;
}
.header .header-menu .menu-nav .navbar-light .navbar-nav .nav-link {
    font-weight: 500;
    text-align: left;
    color: #a7968e;
    position: relative;
    font-size: 18px;
}
.header .header-menu .menu-nav .navbar-light .navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  width: 0%;
  left: 0;
  transition: 0.5s ease-out;
  height: 2px;
      background-color: #9b5c28;
  bottom: 0;
}
.qot a {
    background: #9b5c28;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    color: #f0e2d9;
    padding: 10px 21px;
    display: block;
    margin-left: 45px;
}
.header .header-menu .menu-nav .navbar-light .navbar-nav .nav-link::before {
  content: "";
  position: absolute;
  width: 0%;
  right: 0;
  transition: 0.5s ease-out;
  height: 2px;
  background-color: #ffffff;
  bottom: 0;
}
.qot a:hover {
    color: #fff;
    text-decoration: none;
}
.header .header-menu .menu-nav .navbar-light .navbar-nav .nav-link:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  transition: 0.5s ease-out;
}
.header .header-menu .menu-nav .navbar-light .navbar-nav .nav-link:hover::before {
  content: "";
  position: absolute;
  width: 100%;
  right: 0;
  transition: 0.5s ease-out;
}
.header .header-menu .menu-nav .left-mar {
  margin-left: 50px;
}
.header .header-menu .menu-nav .dropdown-item:focus,
.header .header-menu .menu-nav .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #9b5c28 !important;
}
.header .header-menu .menu-nav .dropdown-item {
  padding: 11px 10px;
}
.header .header-menu .menu-nav .dropdown-menu {
  padding-bottom: 0;
  transition: 0.1s ease-out;
}
.header .header-menu .menu-nav .sm-menu {
  border-radius: 0px;
  border: 0px;
  top: 97%;
  box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.header .header-menu .menu-nav .dropdown-item {
  color: #3c3c3c;
  font-size: 14px;
  transition: 0.5s ease-out;
}
.header .header-menu .menu-nav .dropdown-item.active,
.header .header-menu .menu-nav .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #2196F3;
}
.header .header-menu .menu-nav .navbar-toggler {
  outline: none !important;
}
.header .header-menu .menu-nav .navbar-tog {
  color: #1ebdc2;
}
.header .header-menu .menu-nav .megamenu-li {
  position: static;
}
.header .header-menu .menu-nav .megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  padding: 15px;
}
.header .header-menu .menu-nav .megamenu h6 {
  margin-left: 21px;
}
.header .header-menu .menu-nav .megamenu i {
  width: 20px;
}
.header .header-menu .laguage-sec {
  display: flex;
}
.header .header-menu .laguage-sec a {
  padding: 11px 8px;
  color: #fff;
  background-color: #13acd9;
}

/**************new-style-bbl********************/
section.abt-main {
  display: flex;
}
section.abt-main .left-img {
  width: 40%;
}
section.abt-main .right-cont {
  width: 60%;
  padding: 50px 49px;
  background-color: #fd463b;
  position: relative;
}
section.abt-main .right-cont h3 {
  color: #fff;
  padding-bottom: 13px;
  font-size: 23px;
}
section.abt-main .right-cont p {
  font-size: 15px;

  color: #fff;
}
section.abt-main .right-cont.first::after {
  content: "";
  position: absolute;
  width: 167px;
  height: 100%;
  background-color: #fd463b;
  right: 100%;
  top: 0;
  -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 8px 100%);
          clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 8px 100%);
  margin-right: -1px;
}
section.abt-main .right-cont.second {
  background-color: #de291e !important;
  z-index: 1;
}
section.abt-main .right-cont.second::after {
  content: "";
  position: absolute;
  width: 167px;
  height: 100%;
  background-color: #de291e;
  left: 100%;
  top: 0;
  -webkit-clip-path: polygon(0% 0%, 0px 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 0px 0%, 100% 100%, 0% 100%);
  margin-left: -1px;
}

.sec-abt-bot {
  position: relative;
}
.sec-abt-bot:after {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 50%;
  background-color: #F9F9F9;
  z-index: 1;
  top: 0;
}
.sec-abt-bot .container {
  position: relative;
  z-index: 3;
}
.sec-abt-bot .left-abt-c {
  padding: 44px 0;
}
.sec-abt-bot .left-abt-c .box-abt-bot {
  padding-right: 22px;
}
.sec-abt-bot .right-abtc {
  background-color: #F9F9F9;
  padding: 44px 0px 44px 43px;
}
.sec-abt-bot .box-abt-bot {
  padding-bottom: 24px;
}
.sec-abt-bot .box-abt-bot h3 {
  font-size: 30px;
  line-height: 40px;
  text-align: left;
  color: #022a3a;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.sec-abt-bot .box-abt-bot h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 92px;
  background-color: #9b5c28;
  height: 2px;
  left: 0;
}
.sec-abt-bot .box-abt-bot p {

  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #6c6c6c;
}
.sec-abt-bot .box-abt-bot .right-abtc {
  background-color: #F9F9F9;
  padding: 44px 0px 44px 43px;
}
  .mission-sec-outer .info-box {
      border-top: 1px solid #e1e1e1;
      border-bottom: 1px solid #e1e1e1;
      padding: 30px 0;
    }
     .mission-sec-outer .info-box + .info-box {
      border-top: none;
    }
     .mission-sec-outer .info-title {
        font-weight: bold;
        font-size: 24px;
        letter-spacing: 0em;
        line-height: 55px;
        text-align: left;
        color: #4c3c2c;
    }
    .mission-sec-outer  .info-icon {
      font-size: 30px;
      color: #b96f3a;
          text-align: right;
    }
  .mission-sec-outer    .info-description {
    font-weight: normal;
    font-size: 17px;
    line-height: 28px;
    text-align: left;
    color: #4c3c2c;
    }
    .mission-sec-outer .info-icon img {
    width: 63px;
}
.employe-box {
  padding: 78px 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 0;
}
.employe-box .emp-box {
    background-color: #9B5C28;
    color: #fff;
    display: flex;
    padding: 50px 62px;
    align-items: center;
}
.employe-box .emp-box.red {
    background-color: #4C3C2C !important;
}
.employe-box .emp-box .ic {
  padding-right: 16px;
}
.employe-box .emp-box .ic svg {
  width: 79px;
  height: 85px;
}
.employe-box .emp-box .cont h3 {
  font-size: 62px;
  /* line-height: 23px; */
  text-align: left;
  color: #fff;
  padding-bottom: 0;
  margin: 0;
  font-weight: bold;
}
.employe-box .row {
    position: relative;
    border-top: 1px solid #dbdbdb;
    padding-top: 78px;
}
.employe-box .emp-box .cont h4 {
  font-size: 16px;
}

.about-content-sec {
  padding-top: 78px;
}
.about-content-sec .left-cont h4 {
  font-size: 13px;
  /* line-height: 22.8px; */
  text-align: left;
  color: #022a3a;

  padding-bottom: 20px;
}
.about-content-sec .left-cont h3 {
  font-size: 34px;
  /* line-height: 58px; */
  text-align: left;
  color: #9b5c28;
}
.about-content-sec .left-cont h3 span {
  color: #022a3a;
}
.about-content-sec .right-cont p {
  font-size: 15px;
  /* line-height: 22.8px; */
  text-align: left;
  color: #022a3a;

  padding-bottom: 20px;
  line-height: 26px;
}

.news-detail {
  padding: 66px 0;
}
.news-detail .head-news-det {
  position: relative;
  padding-bottom: 4px;
  margin-bottom: 18px;
}
.news-detail .head-news-det h3 {
  font-size: 31px;
  line-height: 37px;
  text-align: left;
  color: #022a3a;
}
.news-detail .head-news-det h5 {
  font-size: 20px;
  line-height: 26px;
  text-align: left;
  color: #a9a8a9;
}
.news-detail .head-news-det::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 92px;
  background-color: #9b5c28;
  height: 2px;
  left: 0;
}
.news-detail p {
  font-size: 18px;
  line-height: 31px;
  text-align: left;
  color: #6c6c6c;

}

.service-inban {
    position: relative;
    overflow: hidden;
    height: 40vw;
}
.service-inban .sec-share {
  position: absolute;
  right: 0;
  /* width: 100px; */
  top: 0;
  background-color: #FF4338;
  z-index: 1;
  height: 100%;
  padding: 17px 12px;
}
.service-inban .sec-share a:hover svg circle {
  fill: black;
  transition: 0.5s ease-out;
}
.service-inban .right-ttl {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.service-inban .right-ttl h1 {
  margin: 0;

  font-size: 20vw;
  line-height: 17vw;
  text-align: right;
  color: #f2f2f2;
  opacity: 0.26;
}
.service-inban .right-ttl .title {
  display: flex;
}
.service-inban .right-ttl .title span {
  transform: UNSET;
  display: block;
  min-width: 10px;
  min-height: 10px;
  position: relative;
}
.service-inban .top-title {
  position: absolute;
  bottom: 0;
}
.service-inban .top-title h3 {
    font-size: 76px;
    line-height: 93px;
    text-align: left;
    color: #fff;
    font-weight: bold;
        text-transform: uppercase;
}
.supply-sec .ttl-sply h5 {
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    color: #9b5c28;
    text-transform: uppercase;
    padding-bottom: 35px;
}
.service-inban img {
    object-fit: cover;
    height: 100%;
    object-position: center;
}
.service-inban {
    position: relative;
    overflow: hidden;
    height: 40vw;
}
.ban-img {
    height: 100%;
}
.ban-cont {
    padding: 54px 0;
    background: url(../images/bg-serv-cap.png);
    color: #fff;
    background-attachment: fixed;
    background-size: cover;
}
.service-inban.serv-detail-ban .top-title h3 {
text-transform: capitalize;
    font-size: 53px;
    line-height: 69px;
}
.ban-cont p {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 30px;
  text-align: left;
  color: #fff;

  max-width: 703px;
}

.service-main {
  padding: 59px 0;
}
.service-main .ttl-service h3 {
    font-size: 49px;
    text-align: left;
    color: #022a3a;
    padding-bottom: 12px;
    font-weight: bold;
    font-size: 40px;
    letter-spacing: 0em;
    line-height: 54px;
    color: #4c3c2c;
}
.service-main li.resp-tab-item.hor_1 {
  font-weight: 600;
  font-size: 13px;
  display: inline-block;
  padding: 20px 21px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer;
  float: left;
  display: flex;
  align-items: center;
  position: relative;
  width: 24%;
      background-color: #ececec !important;
}
.service-main li.resp-tab-item.hor_1 svg {
  width: 86px;
  padding-right: 11px;
  height: 66px;
}
.service-main li.resp-tab-item.hor_1 svg path {
  fill:#9B5C28
}
.service-main li.resp-tab-item.hor_1 h3 {
  font-size: 21px;
  line-height: 25px;
  text-align: left;
      color: #9B5C28;
  margin: 0;
}
.service-main li.resp-tab-item.hor_1.resp-tab-active {
  padding: 20px 21px !important;
  border: 0 !important;
    background-color: #9b5c28 !important;
}
.service-main li.resp-tab-item.hor_1.resp-tab-active svg path {
  fill: #fff;
}
.service-main li.resp-tab-item.hor_1.resp-tab-active svg rect {
  fill: #fff;
}
.service-main li.resp-tab-item.hor_1.resp-tab-active h3 {
  color: #fff;
  margin: 0;
}
.service-main li.resp-tab-item.hor_1.resp-tab-active:after {
  content: "";
  position: absolute;
  top: 100%;
  width: 35px;
  height: 17px;
  background-image: url(../images/arrow-b.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  right: 0;
  filter: brightness(0) saturate(100%) invert(36%) sepia(54%) saturate(1010%) hue-rotate(356deg) brightness(89%) contrast(92%);
  left: 0;
}
.service-main ul.resp-tabs-list.ver_1 {
  width: 100%;
}
.service-main .inner-tb-cont .resp-tabs-container {
  width: 100%;
  border: 0;
}
.inner-tabs h3 {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0em;
    line-height: 55px;
    text-align: left;
    color: #4c3c2c;
}
section.img-ad img {
    width: 100%;
}
.inner-tabs .btn {
    padding: 0;
    margin-top: 24px;
}
.inner-tb-cont img {
    width: 100%;
}
.inner-tabs {
    padding-right: 44px !important; 
}
.inner-tabs .btn a {
background: #9b5c28;
    border: 1px solid #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #fff;
    padding: 10px 23px;
    display: inline-block;
    margin-bottom: 25px;
}
section.certification.inner-tr .cert-box {
    background-color: #F2F2F2;
    background-color: #F2EBE3;
    padding: 56px 0;
    text-align: center;
    min-height: 240px;
    display: flex;
    align-items: center;
}
section.certification.inner-tr .cert-box img {
    width: 192px;
    margin: 0 auto;
}
.serv-slider button {
    filter: brightness(0) saturate(100%) invert(32%) sepia(60%) saturate(733%) hue-rotate(359deg) brightness(90%) contrast(88%);
}
.serv-slider.owl-carousel .owl-nav button.owl-prev img {
    opacity: 0.4;
    width: 38px !important;
    transform: translate(0px, 1px) !important;
    transition: 0.5s ease-out;
}
.serv-slider.owl-carousel .owl-nav button.owl-next img {
    opacity: 0.4;
    width: 38px !important;
    transform: translate(0px, 1px) !important;
    transition: 0.5s ease-out;
}
.inner-tabs  p
{
  font-weight: normal;
    font-size: 18px;
    line-height: 34px;
    text-align: left;
    color: #6c6c6c;
}
.service-main .resp-tab-content {
  border: 0px solid #c1c1c1;
  border-top-color: #5AB1D0;
  padding-top: 49px;
  padding-left: 0;
  padding-right: 0;
}
.service-main .inner-tabs ul.resp-tabs-list {
  width: 100%;
}
.service-main .inner-tabs .resp-tabs-list li {
  font-size: 16px;
  font-weight: 300;
  position: relative;
  border: 0;
  width: 100%;
  margin-bottom: 10px;
  padding: 18px 25px !important;
  padding-right: 55px !important;
  transition: 0.5s ease-out;
}
.service-main .inner-tabs .resp-tabs-list li:hover {
  background-color: #022A3A !important;
  color: #fff;
  font-weight: 300;
  border: 0 !important;
}
.service-main .inner-tabs .resp-tabs-list li:hover:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 12px;
  background-color: #9b5c28;
  top: 0;
  -webkit-clip-path: polygon(0% -100%, 100% 0%, 100% 0%, 0% 100%);
          clip-path: polygon(0% -100%, 100% 0%, 100% 0%, 0% 100%);
  transition: 0.5s ease-out;
}
.service-main .inner-tabs .resp-tabs-list li:hover svg path {
  fill: #fff;
}
.service-main .inner-tabs .resp-tabs-list li:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 12px;
  background-color: #9b5c28;
  top: 0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 0%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 0% 0%, 0% 100%);
  transition: 0.5s ease-out;
}
.service-main .inner-tb-cont .resp-tab-content {
  padding-top: 0;
}
.service-main .inner-tb-cont .img-tb {
  position: relative;
  margin-bottom: 23px;
}
.service-main .inner-tb-cont .img-tb h3 {
  position: absolute;
  bottom: 6px;
  left: 19px;
  color: #fff;
  font-size: 30px;
}
.service-main .inner-tb-cont .cont-tb p {

  font-size: 13px;
  color: #000;
  padding-bottom: 12px;
  line-height: 24px;
}
.service-main .inner-tb-cont .cont-tb a {
  background-color: #9b5c28;
  color: #ffffff;
  padding: 4px 14px;
  display: table;
  font-size: 14px;
  transition: 0.5s ease-out;
  text-decoration: none;
}
.service-main .inner-tb-cont .cont-tb a:hover {
  background-color: #b1231a;
}
.service-main .inner-tabs .resp-tabs-list li svg {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0px, -5px);
}
.service-main .inner-tabs .resp-tabs-list li.resp-tab-active {
  background-color: #022A3A !important;
  color: #fff;
  font-weight: 300;
  border: 0 !important;
}
.service-main .inner-tabs .resp-tabs-list li.resp-tab-active:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 12px;
  background-color: #9b5c28;
  top: 0;
  -webkit-clip-path: polygon(0% -100%, 100% 0%, 100% 0%, 0% 100%);
          clip-path: polygon(0% -100%, 100% 0%, 100% 0%, 0% 100%);
  transition: 0.5s ease-out;
}
.service-main .inner-tabs .resp-tabs-list li.resp-tab-active svg path {
  fill: #fff;
}

@media screen and (min-width: 768px) {
  ul.resp-tabs-list.hor_1 {
    display: flex;
    justify-content: space-evenly;
  }
}
/*******service-details********/
.service-det .outer-servdet {
  display: flex;
  align-items: flex-start;
}
.service-det .outer-servdet .img-service-det {
  width: 40%;
}
.service-det .outer-servdet .serv-det-cont {
  width: 60%;
    background-color: #9b5c28;
  padding: 35px 61px;
}
.service-det .outer-servdet .serv-det-cont p {

  color: #fff;
  font-size: 18px;
  line-height: 30px;
}

.supply-sec {
  padding: 66px 0;
  background-image: url(../images/bg-about.png);
    background-attachment: fixed;
}
.supply-sec .ttl-sply h3 {
    font-weight: bold;
    font-size: 38px;
    letter-spacing: 0em;
    line-height: 49px;
    text-align: left;
    color: #4c3c2c;
    text-transform: uppercase;
}
.supply-sec .cont-sply p {
  font-size: 18px;
  line-height: 29px;
  text-align: left;
  color: #565656;

  padding-bottom: 15px;
}

.indus-sec {
  background: #f5f5f5;
  padding: 90px 0;
}
.indus-sec .ttl-indus h3 {
  font-size: 30px;
  line-height: 42px;
  text-align: center;
  color: #022a3a;
}
.indus-sec .ttl-indus h3 span {
  color: #FF4338;
}
.indus-sec .bx-indus {
  padding-top: 54px;
}
.indus-sec .bx-indus ul {
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}
.indus-sec .bx-indus ul li {
  width: 25%;
  text-align: center;
  padding: 4px 6px;
  padding-bottom: 45px;
}
.indus-sec .bx-indus ul li:hover svg path {
  fill: white;
  transition: 0.5s ease-out;
}
.indus-sec .bx-indus ul li:hover svg circle {
  fill: #9b5c28;
  transition: 0.5s ease-out;
}
.indus-sec .bx-indus ul li svg {
  margin-bottom: 16px;
}
.indus-sec .bx-indus ul li svg g {
  transition: 0.5s ease-out;
}
.indus-sec .bx-indus ul li h3 {
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 28px;
  text-align: center;
  color: #022a3a;
}

/*******service-details-end********/
.trading-serv {
  background: #f9f8f8;
}
.trading-serv .head-tr {
  padding: 30px 0;
}
.trading-serv .head-tr h3 {
  font-size: 36px;
  line-height: 39px;
  text-align: left;
  color: #022a3a;
}
.trading-serv .cont-tr {
  padding: 30px 0;
}
.trading-serv .cont-tr h3 {
  font-size: 29px;
  line-height: 28px;
  text-align: left;
  color: #022a3a;
  padding-bottom: 10px;
}
.trading-serv .cont-tr p {

  font-size: 14px;
  padding-bottom: 16px;
  line-height: 25px;
}
.trading-serv .cont-tr a {
  background-color: #9b5c28;
  color: #ffffff;
  padding: 4px 18px;
  display: table;
  font-size: 14px;
  transition: 0.5s ease-out;
  text-decoration: none;
}
.trading-serv .cont-tr a:hover {
  background-color: #b1231a;
}
.trading-serv .link-tr {
  background: #022a3a;
  text-align: center;
  padding: 50px 62px;
  color: #fff;
}
.trading-serv .link-tr svg {
  width: 70px;
  margin-bottom: 11px;
}
.trading-serv .link-tr h3 {
  font-size: 23px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  padding-bottom: 12px;
}

.about-top-ban {
  padding-top: 55px;
}
.about-top-ban .top-title {
  display: flex;
  align-items: center;
}
.about-top-ban .top-title .left-ttl {
  width: 30%;
  text-align: center;
  /* display: flex; */
  align-items: center;
  justify-content: center;
}
.about-top-ban .top-title .left-ttl h3 {
  font-size: 46px;
  /* line-height: 93px; */
  /* text-align: left; */
  color: #060606;
}
.about-top-ban .top-title .right-ttl {
  width: 70%;
}
.about-top-ban .top-title .right-ttl h1 {
  margin: 0;
  line-height: 47px;
  letter-spacing: 2px;
  font-size: 218px;
  line-height: 205px;
  text-align: right;
  color: #f2f2f2;

}
.about-top-ban .top-title .right-ttl .title {
  display: flex;
}
.about-top-ban .top-title .right-ttl .title span {
  transform: UNSET;
  display: block;
  min-width: 10px;
  min-height: 10px;
  position: relative;
}

.prtnr-sec .right-slider .head-prt {
  background-color: #ECECEC;
  padding: 27px 14px;
  display: flex;
  align-items: center;
  min-height: 120px;
}
.prtnr-sec .right-slider .head-prt h2 {
  font-size: 25px;
  line-height: 28px;
  text-align: left;
  color: #a9a8a9;
  margin: 0;
}
.prtnr-sec #sync1 {
  padding-top: 56px;
}
.prtnr-sec #sync1 .owl-nav {
  display: none !important;
}
.prtnr-sec #sync1 .img-prtnrs {
  background: #F5F5F5;
  padding: 78px 43px;
  min-height: 346px;
  display: flex;
  align-items: center;
}
.prtnr-sec #sync1 .cont-prtnrs p {
  font-size: 18px;
  line-height: 34px;
  text-align: left;
  color: #6c6c6c;

}
.prtnr-sec #sync1 .cont-prtnrs a {
  background: #9b5c28;
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: normal;
  text-align: left;
  color: #fff;
  display: table;
  padding: 9px 22px;
  margin-top: 15px;
}
.prtnr-sec #sync1 .owl-dots {
  display: none !important;
}
.prtnr-sec #sync2 .owl-item.active.current .head-prt {
  background-color: #9b5c28;
}
.prtnr-sec #sync2 .owl-item.active.current .head-prt h2 {
  color: #fff;
}

.detail-slide {
  position: relative;
  margin-bottom: 16px;
}
.detail-slide .owl-dots .owl-dot {
  height: 8px;
  width: 100%;
  background-color: #3a3a3a;
  width: 8px;
  /* margin-right: 9px; */
  border-radius: 50%;
  position: relative;
  outline: none;
  margin: 0px 4px;
}
.detail-slide .owl-dots {
  display: grid;
  justify-content: center;
  margin-top: 20px;
  position: absolute;
  top: 39%;
  left: 13px;
  grid-gap: 8px;
}
.detail-slide button.owl-dot.active:after {
  content: "";
  position: absolute;
  left: -3px;
  right: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #0e0e0e;
  top: -3px;
  border-radius: 50%;
}

.product-detail {
  padding-top: 165px;
}
.product-detail .swatches {
  margin: 17px 0 80px;
}
.product-detail .selector-wrapper,
.product-detail #productSelect {
  display: none;
}
.product-detail .swatch {
  float: left;
  margin-right: 40px;
}
.product-detail .swatch:nth-last-child(2) {
  margin-right: 0;
}
.product-detail .swatch .header {

  text-transform: uppercase;
}
.product-detail .swatch input {
  display: none;
}
.product-detail .swatch .swatch-element {
  float: left;
  margin: 5px 8px 0 0;
  position: relative;
}
.product-detail .swatch .color label {
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 42px;
  padding: 7px 0 0 7px;
  width: 42px;
}
.product-detail .swatch .color label span {
  border-radius: 50%;
  display: block;
  height: 26px;
  position: relative;
  width: 26px;
}
.product-detail .swatch .color label span:after {
  transition: all 0.3s ease-in-out;
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTIgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIzMS4wMDAwMDAsIC0xMzAyLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIDEyNDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIzNS45MzgzNyw1OC40NTA1ODYxIEwxMjM0LjUyMTE2LDU5LjM5NTUzMDcgTDEyMzcuNTQ4NDgsNjMuOTM2NzE1OCBMMTI0NS45MjIyNSw1OC4zNTM5MTk4IEwxMjQ0Ljk3NzczLDU2LjkzNjcxNTggTDEyMzguMDIxMTYsNjEuNTc0NTY3MSBMMTIzNS45MzgzNyw1OC40NTA1ODYxIEwxMjM1LjkzODM3LDU4LjQ1MDU4NjEgWiIgaWQ9ImZhamZrYSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI0MC4yMjE3MDYsIDYwLjQzNjcxNikgcm90YXRlKC0xMC4wMDAwMDApIHRyYW5zbGF0ZSgtMTI0MC4yMjE3MDYsIC02MC40MzY3MTYpIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat center center;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.product-detail .swatch .plain label {
  transition: all 0.3s ease-in-out;
  border-radius: 4px;

  border: 1px solid #4e4e4e;
  color: #ffffff;
  cursor: pointer;
  display: block;
  height: 42px;
  padding-top: 8px;
  text-align: center;
  width: 42px;
  background-color: #4e4e4e;
}
.product-detail .swatch .color input:checked + label span:after {
  opacity: 1;
}
.product-detail .swatch input:not(:checked) + label {
  border-color: #edeff2 !important;
  background-color: #fff;
}
.product-detail .swatch input:not(:checked) + label:hover {
  border-color: #edeff2 !important;
  background-color: #fff;
}
.product-detail .swatch .plain input:not(:checked) + label {
  color: #16161a !important;
}
.product-detail .swatch .blue input:checked + label {
  border-color: #086fcf !important;
}
.product-detail .swatch .yellow input:checked + label {
  border-color: #f5c81f !important;
}
.product-detail .swatch .red input:checked + label {
  border-color: #d9332e !important;
}
.product-detail .swatch .blue label span {
  background-color: #086fcf !important;
}
.product-detail .swatch .yellow label span {
  background-color: #f5c81f !important;
}
.product-detail .swatch .red label span {
  background-color: #d9332e !important;
}
.product-detail .crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.product-detail .swatch .swatch-element .crossed-out {
  display: none;
}
.product-detail .swatch .swatch-element.soldout .crossed-out {
  display: block;
}
.product-detail .swatch .swatch-element.soldout label {
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.product-detail .swatch .tooltip {
  border-radius: 2px;
  text-align: center;
  background-color: rgba(22, 22, 26, 0.93);
  color: #fff;
  bottom: 100%;
  padding: 10px;
  display: block;
  position: absolute;
  width: 100px;
  left: -23px;
  margin-bottom: 15px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.25s ease-out;
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  box-sizing: border-box;
}
.product-detail .swatch .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}
.product-detail .swatch .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid rgba(22, 22, 26, 0.93) 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
.product-detail .swatch .swatch-element:hover .tooltip {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.product-detail .swatch.error {
  background-color: #E8D2D2 !important;
  color: #333 !important;
  padding: 1em;
  border-radius: 5px;
}
.product-detail .swatch.error p {
  margin: 0.7em 0;
}
.product-detail .swatch.error p:first-child {
  margin-top: 0;
}
.product-detail .swatch.error p:last-child {
  margin-bottom: 0;
}
.product-detail .swatch.error code {

}
.product-detail h1 {
  font-weight: 500;
  font-size: 24px;
  text-align: left;
  color: #333;
}
.product-detail .price-shipping {
  padding-bottom: 10px;
  text-align: center;
}
.product-detail .price-shipping a {
  display: inline;
  float: none;
  margin: 0;
}
.product-detail .price {
  font-size: 18px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #474b4b;
}
.product-detail .price span {
  text-decoration: line-through;
  color: #bbb;
  margin-right: 10px;
}
.product-detail .swatches {
  margin: 10px 0 30px;
}
.product-detail .swatches .size {
  text-align: left;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-align: left;
  color: #474b4b;
}
.product-detail .swatches .guide {
  float: none;
  margin: -25px 0 0;
  text-align: center;
}
.product-detail .swatch {
  float: none;
  margin-right: 0;
  text-align: left;
}
.product-detail .swatch .swatch-element {
  display: inline-block;
  float: none;
  margin: 7px 8px 25px 0;
}
.product-detail .btn-and-quantity {
  float: none;
  text-align: center;
}
.product-detail .spinner {
  float: none;
  margin: 0 auto 10px;
  width: 200px;
}
.product-detail .spinner input {
  width: 60px;
}
.product-detail .spinner .q {
  margin-right: 20px;
  width: 61px;
}
.product-detail .spinner:before {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAAAKCAIAAAB38SYMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADhSURBVFhH7ZVtC4MgFEb3///r1puZadkOU2QEKw32xe5BBC/hDZ+DPrZDrFuaTo3aeO9jSRA+oARioId1LpZ+cCIZIJee5qYbmGNJuD1JiZy751yyANoqPbEvs7Un5gq1QvRJg/zHLVeyAPua2fZKv9qBPsbQdFlXeUvrhFgJl4gJmrgJnegRoDTvMskSNJmt40mma9sr1OYPnk1f6+iGcXeuLCnuPqtpECixEi4REzRxX75JLkp2Nzjlb8+CYRTjWjhEJMsleSaGlSKSFRA8E8NKEcnKQC8xrBSRTPgz2/YGSZmvkaSZcu8AAAAASUVORK5CYII=") no-repeat center top;
  bottom: -5px;
  height: 10px;
  left: 0;
  top: auto;
  width: 100%;
}
.product-detail #AddToCart {
  background-position: 47px center;
  /* float: none; */
  /* padding: 14px 26px 14px 53px; */
  padding-top: 14px;
  text-align: left;
}
.product-detail #AddToCart a {
  border: 1px solid #e0e0e0;
  padding: 10px 14px;
  border-radius: 6px;
  margin-right: 5px;
  color: #333;
  transition: 0.5s ease-out;
  text-decoration: none !important;
}
.product-detail #AddToCart a:hover {
  background-color: #000;
  color: white;
}
.product-detail #AddToCart input {
  border: 1px solid #e0e0e0;
  padding: 10px 14px;
  border-radius: 6px;
  margin-right: 5px;
  color: #fff;
  background-color: #565656;
  transition: 0.5s ease-out;
}
.product-detail #AddToCart input:hover {
  background-color: #fff;
  color: #000;
}
.product-detail .spinner {
  display: flex;
  border-radius: 25px;
  /* border: 1px solid #edeff2; */
  height: 50px;
  margin-left: 10px;
  padding: 18px 16px 0px;
  position: relative;
  padding-left: 0;
  align-items: center;
  margin-left: 0;
}
.product-detail .spinner.is-hidden {
  display: none;
}
.product-detail .spinner .btn {
  cursor: pointer;
  display: block;
  float: left;
  height: 10px;
  margin-top: 4px;
  position: relative;
  width: 10px;
  background-color: black;
  height: 27px;
  padding: 15px;
  border-radius: 50%;
}
.product-detail .spinner .btn:before {
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 18px;
  margin: 0 auto;
  right: 0;
}
.product-detail .spinner .btn.plus:after {
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  bottom: 0;
  content: "";
  display: block;
  height: 18px;
  left: 50%;
  margin-left: -1px;
  position: absolute;
  top: 7px;
  width: 2px;
  bottom: 0;
}
.product-detail .spinner .btn:hover:before,
.product-detail .spinner .btn:hover:after {
  background-color: #0084ff;
}
.product-detail .spinner input {

  border: 0 none;
  color: #16161a;
  display: block;
  float: left;
  font-size: 14px;
  height: 17px !important;
  line-height: 17px !important;
  margin-left: 1px;
  padding-bottom: 0;
  padding-top: 0;
  text-align: right;
  width: 30px;
}
.product-detail .spinner .q {
  font-size: 107.69231%;
  line-height: 121.42857%;
  display: block;
  float: left;
  margin: 1px 20px 0 3px;
}
.product-detail .feature {
  border-top: 1px solid #e4e4e4;
  margin-top: 15px;
  padding-top: 15px;
}
.product-detail .feature h4 {
  font-style: italic;
  font-size: 15px;
  letter-spacing: 0.1em;
  text-align: left;
  color: #474b4b;
  padding-bottom: 11px;
}
.product-detail .feature .feat-item {
  padding-bottom: 11px;
}
.product-detail .feature .feat-item h3 {
  font-size: 19px;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.product-detail .feature .feat-item p {
  font-size: 15px;
  /* letter-spacing: 0.1em; */
  text-align: left;
  color: #474b4b;
}
.product-detail .feature .share {
  border-top: 1px solid #e4e4e4;
  margin-top: 15px;
  padding-top: 15px;
}
.product-detail .feature .share a {
  font-size: 14px;
  text-align: left;
  color: #474b4b;
}
.product-detail .feature .share a svg {
  vertical-align: middle;
  width: 17px;
  margin-right: 10px;
  height: 19px;
}

.page-sec {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 39px;
}

.kai-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 3;
  width: 100%;
}
.kai-pagination .pagination-item {
  list-style: none;
  padding: 0;
  margin: 0;
}
.kai-pagination .pagination-item.is-active a {
  color: #000;
}
.kai-pagination .pagination-item a {
  text-decoration: none;
  transition: color 0.3s ease-in-out;
  padding: 0.5rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  padding: 10px 18px;
  border: 0px solid #e0e0e0 !important;
  border-radius: 8px;
  margin-right: 12px;
  font-size: 15px;
  display: block;
  color: #8c3b49 !important;
  opacity: 1 !important;
  text-decoration: none !important;
  transition: 0.5s ease-out;
}
.kai-pagination .pagination-item a:hover {
  color: white;
  background-color: #8c3b49 !important;
}

main {
  z-index: 2;
  position: relative;
  height: 100%;
  background-color: #ffffff;
  transition: transform 0.7s ease-in-out;
  overflow-x: hidden;
}

.w-manage {
  padding-bottom: 90px;
}
.w-manage .left-manage .cont-waste {
  padding-top: 15px;
}
.w-manage .left-manage .cont-waste h3 {
  font-size: 53px;
  line-height: 56px;
  text-align: left;
  color: #022a3a;
}
.w-manage .left-manage .cont-waste h3 span {
  color: #9b5c28;
}
.w-manage .right-w {
  position: relative;
}
.w-manage .right-w .inner-cont {
  padding: 10px 17px;
    background-color: #fff;
    /* width: -webkit-fit-content; */
    width: -moz-fit-content;
    margin: 0 0 0 auto;
    position: absolute;
    bottom: 6px;
    right: unset;
    left: 6px;
    backdrop-filter: blur(30px);
    --webkit-backdrop-filter: blur(30px);
    background-color: rgba(255, 255, 255, 0.5);
    max-width: 300px;
    width: 100%;
}
.w-manage .right-w:hover .inner-cont .top-cont h4, .w-manage .right-w:hover .inner-cont .top-cont h5 {
    color: #fff !important;
}
.w-manage .right-w:hover .inner-cont 
{
      background: #9b5c28;
} 
.w-manage .right-w .inner-cont .top-cont {
  padding-bottom: 11px;
}
.w-manage .right-w .inner-cont .top-cont h5 {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    text-align: left;
    color: #022a3a;
    max-width: 170px;
    margin: 0;
}
.w-manage .right-w .inner-cont .top-cont h5 span {
  color: #022A3A;
}
.w-manage .right-w .inner-cont .number-link {
  display: flex;
  /* position: absolute; */
  top: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 9px;
  align-items: center;
}
.w-manage .right-w .inner-cont .top-cont h4 {
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #9b5c28;
}
.w-manage .right-w .inner-cont .number-link .num-sec {
  padding: 0 14px;
}
.w-manage .right-w .inner-cont .number-link .num-sec h3 {
  font-size: 14px;
  letter-spacing: 0.15em;
  text-align: left;
  color: #a9a8a9;
  margin: 0;
}
.w-manage .right-w .inner-cont .number-link .num-sec h2 {
  margin: 0;
  padding: 0;
}
.w-manage .right-w .inner-cont .number-link .num-sec a {
  font-weight: normal;
  font-size: 33px;
  text-align: left;
  color: #9b5c28;
  text-decoration: none;
}

.sidebar {
  height: 100%;
  width: 500px;
  position: fixed;
  top: 0;
  z-index: 1;
  right: 0;
  background-color: #022A3A;
  overflow: auto;
}
.sidebar .bot-menu {
  display: flex;
  justify-content: space-between;
  padding-left: 51px;
  padding-right: 51px;
}
.sidebar .bot-menu .link-bot a {
  display: block;
  font-size: 13px;
  padding-bottom: 10px;
  text-align: left;
  color: #fff;
  opacity: 0.44;

  text-decoration: none !important;
}
.sidebar .social {
  z-index: 1000;
  right: 0;
  bottom: 0;
  padding: 5px 1px;
}
.sidebar .social ul {
  padding: 0;
  display: flex;
  list-style: none;
  justify-content: center;
  /* padding: 0 !important; */
  margin: 0;
}
.sidebar .social ul li {
  padding: 0 12px;
}
.sidebar .social ul li a:hover path {
  fill: #ff453a;
  transition: 0.5s ease-out;
}

.bar {
  display: block;
  height: 3px;
  width: 36px;
  background-color: #022A3A;
  margin: 6px auto;
  border-radius: 0;
}

main.move-to-left:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #00000087;
  z-index: 1;
}

.side-menu .button.active .bar {
  background-color: #fff;
}
.side-menu .button {
  cursor: pointer;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  transition: all 0.7s ease;
}
.side-menu .nav-right {
  position: fixed;
  right: 40px;
  top: 23px;
  z-index: 3;
}
.side-menu .nav-right.visible-xs {
  z-index: 3;
}
.side-menu .hidden-xs {
  display: none;
}
.side-menu .middle {
  margin: 0 auto;
}
.side-menu .bar {
  transition: all 0.7s ease;
}
.side-menu .nav-right.visible-xs .active .bar {
  background-color: #FFF;
  transition: all 0.7s ease;
}
.side-menu .button.active .top {
  transform: translateY(13px) rotateZ(42deg);
}
.side-menu .button.active .bottom {
  transform: translateY(-15px) rotateZ(-45deg);
}
.side-menu .button.active .middle {
  width: 0;
}
.side-menu .fa {
  font-size: 1.4em;
  color: #EF8354;
  transition: all 1s ease;
}
.side-menu .bar.bottom {
  width: 26px;
  right: 0;
  margin-right: 0;
}
section.certification.inner-tr.detailpage-cer {
    border-bottom: 0 !important;
}
.side-menu .button.active .bar.bottom {
  width: 36px;
  /* right: 0; */
  margin-right: 1px;
}
.side-menu .button.active .bottom {
  transform: translateY(-5px) rotateZ(-45deg);
}

.move-to-left {
  transform: translateX(-500px);
}

nav {
  padding-top: 30px;
}

.sidebar-list {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  margin-top: 56px;
  text-align: center;
  padding-left: 51px;
  padding-bottom: 26px;
}

.sidebar-item {
  text-align: left;
  margin: 15px 0;
  opacity: 0;
  transform: translateY(-20px);
}

.sidebar-item:first-child {
  transition: all 0.7s 0.1s ease-in-out;
}

.sidebar-item:nth-child(2) {
  transition: all 0.7s 0.2s ease-in-out;
}

.sidebar-item:nth-child(3) {
  transition: all 0.7s 0.3s ease-in-out;
}

.sidebar-item:nth-child(4) {
  transition: all 0.7s 0.4s ease-in-out;
}

.sidebar-item:nth-child(5) {
  transition: all 0.7s 0.5s ease-in-out;
}

.sidebar-item:nth-child(6) {
  transition: all 0.7s 0.6s ease-in-out;
}

.sidebar-item:nth-child(7) {
  transition: all 0.7s 0.8s ease-in-out;
}

.sidebar-item:nth-child(8) {
  transition: all 0.7s 0.9s ease-in-out;
}

.sidebar-item:nth-child(9) {
  transition: all 0.7s 0.9s ease-in-out;
}

.sidebar-item.active {
  opacity: 1;
  transform: translateY(0px);
}

.sidebar-anchor {
  color: #FFF;
  text-decoration: none;
  font-size: 33px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 7px;
  transition: 0.5s ease-out;
}
.sidebar-anchor:hover {
  color: #ff453a;
  text-decoration: none;
  transition: 0.5s ease-out;
}

.sidebar-anchor:before {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  transition: all 0.7s ease-in-out;
}

.sidebar-anchor:hover:before {
  width: 100%;
}

.ua {
  position: absolute;
  bottom: 20px;
  left: 30px;
}

.ua:hover .fa {
  color: #FFF;
  transform: scale(1.3);
  transition: all 1s ease;
}

@media (min-width: 480px) {
  .nav-list {
    display: block;
  }
}
@media (min-width: 768px) {
  .nav-right {
    position: absolute;
  }

  .hidden-xs {
    display: block;
  }

  .visible-xs {
    display: none;
  }
}
.outer-product-sec .vision a:hover {
  background-color: #ad5a66 !important;
}
.outer-product-sec .mdh-item-overlay .pic img {
  display: block !important;
  width: 100%;
  height: 301px;
  object-fit: contain;
  object-position: center;
}
.outer-product-sec .item-overlay {
  background-color: #72343D !important;
}
.outer-product-sec .item .info {
  padding: 0px 25px;
  padding-bottom: 10px;
}
.outer-product-sec .item .info h3 {
  font-size: 18px;
  text-align: center;
  font-weight: 400;
  line-height: 25px;
  padding: 0px 13px;
}
.outer-product-sec .item .info small {
  font-size: 19px;
  color: #696969;
  width: 100%;
  text-align: center;
  display: block;
  font-weight: 300;
}

.product-list .btn-group.btn-group-toggle {
  display: flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  padding: 4px 9px;
  border-radius: 7px;
  font-size: 14px;
  color: #565656;
}
.product-list .btn-group.btn-group-toggle span {
  margin-right: 9px;
}
.product-list label {
  border: 0 !important;
  background: linear-gradient(#fff 0%, #f8f8f8 100%) !important;
  outline: none !important;
}
.product-list label.btn-outline-dark {
  box-shadow: unset !important;
  outline: none !important;
}

.inner-banner {
  position: fixed;
  height: 353px;
  overflow: hidden;
  width: 100%;
}
.inner-banner .img-inner {
  position: absolute;
  width: 100%;
  height: 100%;
}
.inner-banner .img-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-banner .inner-text {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 48px;
  left: 0;
  right: 0;
}
.inner-banner .inner-text h3 {
  font-size: 50px;
  color: #fff;
}

.product-cont {
  padding-top: 355px;
}
.product-cont .product-main-cont {
  background-color: #fff;
  width: 100%;
  position: relative;
  padding: 60px 0;
}
.product-cont .product-main-cont .filter-sec ul {
  padding: 0;
  display: flex;
  list-style: none;
  margin: 0;
}
.product-cont .product-main-cont .filter-sec ul .fil-btn {
  padding: 10px 18px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-right: 12px;
  font-size: 15px;
  color: #000;
  pointer-events: none;
  opacity: 1 !important;
}
.product-cont .product-main-cont .filter-sec ul a {
  padding: 10px 18px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-right: 12px;
  font-size: 15px;
  display: block;
  color: #0a1652;
  opacity: 0.4;
  text-decoration: none !important;
  transition: 0.5s ease-out;
}
.product-cont .product-main-cont .filter-sec ul a.active {
  background-color: #565656;
  opacity: 1 !important;
  color: #fff !important;
}
.product-cont .product-main-cont .filter-sec ul a:hover {
  background-color: #565656;
  opacity: 1 !important;
  color: #fff !important;
}
.product-cont .product-main-cont .filter-sec .filter-main-outer {
  display: flex;
  justify-content: space-between;
}
.product-cont .product-main-cont .filter-sec .filter-btn {
  margin-right: 6px;
}
.product-cont .product-main-cont .filter-sec .filter-btn .btn-group {
  display: flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  padding: 4px 9px;
  border-radius: 7px;
  font-size: 14px;
  color: #565656;
}
.product-cont .product-main-cont .filter-sec .filter-btn .btn-group span {
  margin-right: 15px;
}
.product-cont .product-main-cont .filter-sec .filter-btn .btn-group select {
  border: 0;
  outline: none;
  font-size: 14px;
}
.product-cont .product-main-cont .filter-sec .filter-btn .btn-group select:focus {
  color: #495057;
  background-color: #fff;
  border-color: unset;
  outline: 0;
  box-shadow: unset;
}

/********dulsco*****/
.about {
    padding: 80px 0;
    position: relative;
    padding-top: 40px;
    padding-bottom: 0;
}
.about .social {
  bottom: 36px;
  z-index: 1;
  padding: 0;
  margin: 0;
  left: 41px;
  padding-bottom: 68px;
}
.about .social ul {
  padding: 0;
  list-style: none;
  /* display: grid; */
  grid-gap: 23px;
  display: flex;
}
.about .social ul li a path {
  fill: white;
}
.about .social ul li a:hover path {
  fill: #2c0b0b;
  transition: 0.5s ease-out;
}
/* .about:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 55%;
  background-color: #9b5c28;
} */
.about .left-abt h4 {
  font-size: 16px;
  text-align: left;
  color: #fff;
  font-weight: 200;

  text-transform: uppercase;
  padding-bottom: 18px;
}
.about .left-abt h3 {
  font-size: 60px;
  line-height: 65px;
  text-align: left;
  color: #fff;
  padding-bottom: 21px;
}
.about .right-abt {
  margin-top: 0px;
}
/* .about .right-abt .image-bx {
  padding-top: 141px;
} */
.about .right-abt .image-bx .link-bx {
    position: absolute;
    bottom: 6px;
    /* width: 50%; */
    right: unset;
    left: 6px;
    background-color: #fff;
    padding: 10px 20px;
    transition: 0.5s ease-out;
    max-width: 300px;
    width: 100%;
    max-width: 300px;
    width: 100%;
}
.about .container {
  position: relative;
  z-index: 1;
}
.about .image-bx {
  position: relative;
}
.about .image-bx:hover .link-bx {
    background-color: #9b5c28;
}
.about .image-bx .link-bx {
    position: absolute;
    bottom: 6px;
    width: 50%;
    right: 6px;
    background-color: #fff;
    padding: 10px 20px;
        max-width: 300px;
    width: 100%;
    transition: 0.5s ease-out;
}
.about .image-bx:hover .link-bx h4 {
    color: #fff;
}
.about .image-bx:hover .link-bx h3 {
    color: #fff;
}
.about .image-bx .link-bx:after, .w-manage .right-w .inner-cont:after {
    content: "";
    position: absolute;
    right: 24px;
    bottom: 28px;
    width: 20px;
    height: 12px;
    background-image: url(../images/right-br.png);
    background-size: 100%;
    transition: .5s ease;
}
.about .image-bx:hover .link-bx:after, .w-manage .right-w:hover .inner-cont:after{
  background-position: 0 12px;
}
.about .image-bx .link-bx h4 {
    font-size: 12px;
    text-align: left;
    margin: 0;
    color: #9b5c28;
    padding-bottom: 5px;
}

.about .image-bx .link-bx h3 {
    padding-bottom: 0px;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    text-align: left;
    color: #022a3a;
    max-width: 170px;
}
.about .image-bx img {
  width: 100%;
}
.about   .col-md-6.left
{
  padding-right: 90px;
}
.about .col-md-6.left {
    padding-right: 90px;
}
.w-manage .col-md-6.right {
    padding-left: 90px;
}

.chat-icon {
  position: fixed;
  right: 29px;
  z-index: 1;
  bottom: 34px;
}
.chat-icon:hover circle {
  fill: #9b5c28
  transition: 0.5s ease-out;
}
.chat-icon:hover g#chat_1_ {
  fill: #fff;
  stroke: #fff;
  transition: 0.5s ease-out;
}

.project {
 position: relative;
    padding: 103px 0;
    background-image: url(../images/bg-about.png);
    background-attachment: fixed;
}
.project .project-sec h5 {
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    color: #9b5c28;
    text-transform: uppercase;
    padding-bottom: 35px;
}

.project .col-md-6:first-child {
  padding-right: 0;
}
.project .img-project {
  position: absolute;
  left: 0;
  top: 0;
  width: 47%;
  bottom: 0;
  height: 100%;
}
.project .img-project img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project .project-sec {
  padding: 0px 37px;
  padding-right: 0;
}
.project .project-sec h3 {
    font-size: 38px;
    letter-spacing: 0em;
    line-height: 47px;
    text-align: left;
    color: #4c3c2c;
    text-transform: uppercase;
    padding-bottom: 34px;
    font-weight: bold;
}
.project .project-sec h3 span {
  color: #9b5c28;
}
.project .project-sec h4 {
  font-size: 36px;
  line-height: 30px;
  text-align: left;
  padding-bottom: 10px;
  color: #022a3a;
  padding-top: 14px;
}
.project .project-sec p {
    font-weight: normal;
    font-size: 20px;
    line-height: 33px;
    text-align: left;
    color: #4c3c2c;
    padding-bottom: 33px;

}
.project .project-sec a {
    background-color: #9b5c28;
    border: #9b5c28;
  color: #fff;
  padding: 10px 35px;
  display: table;

  font-size: 14px;
  transition: 0.5s ease-out;
  text-decoration: none !important;
}
.project .project-sec a:hover {
background-color: #ffffff;
    border: 1px solid #9b5c28;
    color: #9b5c28;
    display: table;
    font-size: 14px;
}

.solution {
  padding: 61px 0;
  padding-top: 98px;
}
.solution .sol-text h3 {
    font-weight: bold;
    font-size: 37px;
    letter-spacing: 0em;
    line-height: 38px;
    text-align: left;
    color: #4c3c2c;
    text-transform: uppercase;
}
.solution .sol-text p {
font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #4c3c2c;
 
}
.solution .sol-text a {
    display: block;
    margin: 0 0 0 auto;
    font-size: 14px;
    text-align: left;
    color: #a9a8a9;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    color: #9b5c28;
    width: fit-content;
}

.certification {
    padding-bottom: 36px;
    padding-top: 65px;
    border-bottom: 1px solid #e4e4e4;
}
.certification .owl-carousel .owl-dots.disabled,
.certification .owl-carousel .owl-nav.disabled {
  display: block;
}
.certification .owl-theme .owl-dots .owl-dot.active span,
.certification .owl-theme .owl-dots .owl-dot:hover span {
  background: #ff483d;
}
.certification .owl-theme .owl-dots .owl-dot {
  outline: none !important;
}
.certification .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: 18px;
  top: -29px;
  transform: translate(0, -50px);
  height: 56px;
  width: 56px;
  overflow: hidden;
  border: 1px solid #C2C2C2 !important;
  padding: 18px 9px !important;
  /* display: flex !important; */
  /* align-items: center; */
  transition: 0.5s ease-out;
  border-radius: 50% !important;
}
.certification .owl-carousel .owl-nav button.owl-prev img {
  opacity: 0.4;
  width: 25px;
  transform: translate(0px, 3px);
  transition: 0.5s ease-out;
}
.certification .owl-carousel .owl-nav button.owl-prev:focus {
  outline: none !important;
  border: 0 !important;
}
.certification .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: unset !important;
  outline: none !important;
  border-color: #9b5c28 !important;
  transition: 0.5s ease-out;
}
.certification .owl-carousel .owl-nav button.owl-prev:hover img {
  transform: translate(0px, -36px);
  transition: 0.5s ease-out;
  opacity: 1;
}
.certification .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 18px;
  top: -29px;
  transform: translate(0, -50px);
  height: 56px;
  width: 56px;
  overflow: hidden;
  border: 1px solid #C2C2C2 !important;
  padding: 18px 9px !important;
  /* display: flex !important; */
  /* align-items: center; */
  border-radius: 50% !important;
  transition: 0.5s ease-out;
}
.certification .owl-carousel .owl-nav button.owl-next img {
  opacity: 0.4;
  width: 25px;
  transform: translate(0px, 3px);
  transition: 0.5s ease-out;
}
.certification .owl-carousel .owl-nav button.owl-next:focus {
  outline: none !important;
  border: 0 !important;
}
.certification .owl-carousel .owl-nav button.owl-next:hover {
  border-color: #9b5c28 !important;
  transition: 0.5s ease-out;
  background-color: unset !important;
  outline: none !important;
}
.certification .owl-carousel .owl-nav button.owl-next:hover img {
  transform: translate(0px, -36px);
  transition: 0.5s ease-out;
  opacity: 1;
}
.certification .head-cer {
  padding-bottom: 50px;
}
.certification .head-cer h3 {
  font-size: 56px;
  line-height: 62px;
  text-align: center;
  color: #1b1b1b;
  position: relative;
  padding-bottom: 14px;
}
.certification .head-cer h3:after {
  content: "";
  position: absolute;
  left: 0;
  margin: 0;
  max-width: 84px;
  height: 2px;
  background-color: #616161;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  right: 0;
}
.certification .slider-cer .cert-box {
    text-align: center;
    display: flex;
    align-items: center;
    filter: grayscale(1);
}
.certification .slider-cer .cert-box svg {
  width: 117px;
}
.certification .slider-cer .cert-box img {
    width: 139px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0px 0;
}
.certification .slider-cer .bot-head {
  padding-top: 15px;
}
.certification .slider-cer .bot-head h3 {
  text-align: center;
  font-weight: 100;
 
  text-transform: uppercase;
  font-size: 18px;
}

section.certification.inner-tr .cert-box {
  background-color: #F2F2F2;
}

.client {
  padding-top: 64px;
  padding-bottom: 52px;
  border-bottom: 1px solid gainsboro;
}

.testi {
  background-color: #F6F6F6;
  padding: 74px 0;
}
.testi .owl-theme .owl-dots .owl-dot.active span,
.testi .owl-theme .owl-dots .owl-dot:hover span {
  background: #ff483d;
}
.testi .owl-theme .owl-dots .owl-dot {
  outline: none !important;
}
.way-main .owl-dots {
    display: none;
}
.testi button.owl-prev {
  position: absolute;
  left: 0;
  top: 38%;
  height: 19px;
  overflow: hidden;
  transition: 0.5s ease-out;
}
.testi button.owl-prev:focus {
  outline: none !important;
  border: 0 !important;
}
.testi button.owl-prev:hover {
  background-color: unset !important;
  outline: none !important;
  border: 0 !important;
}
.testi button.owl-prev:hover img {
  transform: translate(0px, -56px);
  transition: 0.5s ease-out;
}
.testi button.owl-next {
  position: absolute;
  right: 0;
  top: 38%;
  height: 19px;
  overflow: hidden;
  transition: 0.5s ease-out;
}
.testi button.owl-next:focus {
  outline: none !important;
  border: 0 !important;
}
.testi button.owl-next:hover {
  background-color: unset !important;
  outline: none !important;
  border: 0 !important;
}
.testi button.owl-next:hover img {
  transform: translate(0px, -56px);
  transition: 0.5s ease-out;
}
.testi .head-cer {
  padding-bottom: 50px;
}
.testi .head-cer h3 {
  font-size: 50px;
  line-height: 36px;
  text-align: center;
  color: #1b1b1b;
  position: relative;
  padding-bottom: 17px;
}
.testi .head-cer h3:after {
  content: "";
  position: absolute;
  left: 0;
  margin: 0;
  max-width: 268px;
  height: 2px;
  background-color: #FF4338;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  right: 0;
}
.testi .testi-slider .testi-box {
  max-width: 349px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.testi .testi-slider .testi-box .quote-img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.testi .testi-slider .testi-box p {
  padding-bottom: 14px;
  font-size: 18px;
  line-height: 30px;
 
}
.testi .testi-slider .testi-box h3 {

  font-size: 15px;
}
.testi .testi-slider .testi-box h4 {
  padding-bottom: 12px;

  font-size: 15px;
}

.afliate .container {
  position: relative;
}
.afliate .container::after {
  content: "";
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #F5F4F5;
  top: 0;
}
.afliate .outer-af {
  display: flex;
  margin: 0 auto;
  align-items: center;
  padding: 48px 0;
  position: relative;
  z-index: 1;
}
.afliate .outer-af h3 {
  width: 44%;
  font-size: 35px;
  /* padding-left: 10px; */
  text-align: right;
  padding-right: 88px;
}
.afliate .outer-af .af-img {
  width: 20%;
}
.afliate .outer-af .af-img img {
  width: 100%;
}
.afliate .outer-af .af-img-2 {
  width: 52%;
  padding-left: 6px;
  padding-right: 39px;
}
.afliate .outer-af .af-img-2 img {
  width: 100%;
}

.trade {
  position: relative;
}
.trade.trade1:after {
  content: "";
  position: absolute;
  width: 40%;
  background-color: #F9F8F8;
  height: 100%;
  top: 0;
  left: 0;
}
.trade .owl-theme .owl-dots .owl-dot.active span,
.trade .owl-theme .owl-dots .owl-dot:hover span {
  background: #ff9891;
  border: 1px solid #e2261b;
  outline: none;
}
.trade .outer-service {
  padding-bottom: 48px;
}
.trade.main-trade .ovrly03 {
  width: 100%;
  overflow: hidden;
  position: relative;

  padding: 43px 39px !important;
  text-align: center;
  min-height: 300px;
}
.trade .bx-trade .ovrly03:hover svg path {
    fill: #F0E2D9;
}
.trade .container {
  position: relative;
  z-index: 2;
}

.trade .ttl-trade h3 {
  font-size: 52px;
  line-height: 45px;
  /* text-align: center; */
  color: #022a3a;
  padding-bottom: 39px;
}
.trade .bx-trade {
  position: relative;
  z-index: 2;
}
.trade .bx-trade .ic-trade {
  position: relative;
  z-index: 5;
}
.trade .bx-trade .ic-trade svg {
  width: 59px;
  margin-bottom: 15px;
  height: 92px;
}
.trade .bx-trade .ic-trade .line-icon {
  fill: none;
  stroke: white;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  stroke-width: 2px;
}
@keyframes draw {
  0% {
    stroke-dashoffset: 280;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.trade .bx-trade .ic-trade h3 {
    font-size: 27px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    color: #9b5c28;
    text-transform: uppercase;
}
.trade .bx-trade .ovrly03:hover h3 {
    color: #f0e2d9;
}
.trade .bx-trade .ic-trade a {
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  margin-top: 18px;
  align-items: center;
}
.trade .bx-trade .ic-trade a h3 {
  position: absolute;
  font-size: 16px;
  letter-spacing: 0.25em;
  line-height: 26px;
  text-align: left;
  color: #fff;
  transition: 0.5s ease-out;
    transform: translate(-299%, 0px);
}
.trade .bx-trade .ic-trade a span {
  transition: 0.5s ease-out;
  transform: translate(0px, 2px);
}
.trade .bx-trade .ic-trade a span svg {
  width: 25px;
  height: auto;
}
.trade .bx-trade .ovrly03 {
  width: 100%;
  overflow: hidden;
  position: relative;
    background-color: #f0e2d9;
  padding: 43px 46px;
  text-align: center;
}
.trade .bx-trade .ovrly03:hover .line-icon {
  animation: draw 3s linear alternate;
  stroke: white;
}
.trade .bx-trade .ovrly03:hover .ic-trade a h3 {
    position: absolute;
    /* right: 100%; */
    font-size: 16px;
    letter-spacing: 0.25em;
    line-height: 26px;
    text-align: left;
    color: #f0e2d9;
    transform: translate(-18px, 0px);
    transition: 0.5s ease-out
}
.trade .bx-trade .ovrly03:hover .ic-trade a span {
  transition: 0.5s ease-out;
  transform: translate(55px, 2px);
}
.trade .bx-trade .ovrly03 img {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
}
.trade .bx-trade .ovrly03 .ovrlyT {
    background: url(../images/bg-box.png) #9B5C28;
    height: 100%;
    left: -100%;
    position: absolute;
    top: -100%;
    width: 100%;
    transition: all 0.5s;
    background-size: cover;
    background-attachment: fixed;
}
.trade .bx-trade .ovrly03 .ovrlyB {
background: url(../images/bg-box.png) #9B5C28;
  height: 100%;
  left: 100%;
  position: absolute;
  top: 100%;
  width: 100%;
  transition: all 0.5s;
  background-size: cover;
    background-attachment: fixed;
}
.trade .bx-trade .ovrly03 .buttons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.trade .bx-trade .ovrly03 .buttons .fa {
  background: white;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  color: rgba(50, 50, 50, 0.9);
  display: inline-block;
  margin: 0 1px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  transition: all 0.2s 0.5s;
  opacity: 0;
}
.trade .bx-trade .ovrly03:hover .ovrlyT {
  left: 0;
  top: 0;
}
.trade .bx-trade .ovrly03:hover .ovrlyB {
  left: 0;
  top: 0;
}
.trade .bx-trade .ovrly03:hover .buttons .fa {
  opacity: 1;
}

.way-main {
  position: relative;
  padding: 100px 0 !important;
}
.way-main:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0.95;
    backdrop-filter: blur(17px);
    --webkit-backdrop-filter: blur(17px);
    background-color: rgba(0, 0, 0, 0.5);
}
.way-main .bx-trade .ovrly03 .ovrlyT {
    background: #9B5C28;
}
.way-main .bx-trade .ovrly03 .ovrlyB
{
     background: #9B5C28;
}
.way-main .way-outer h3 {
    font-size: 34px;
    letter-spacing: 0em;
    line-height: 55px;
    text-align: left;
    color: #f0e2d9;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 36px;
}
.way-main .way-outer .owl-theme .owl-dots .owl-dot.active span,
.way-main .way-outer .owl-theme .owl-dots .owl-dot:hover span {
  background: #ff9891;
  outline: none;
}
.way-main .way-outer .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #ffffff;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.way-main .way-outer .owl-nav {
    position: absolute;
    top: -90px;
    right: 0;
    z-index: 1;
}
.way-main .way-outer button.owl-next {
    margin-left: 16px !important;
}
.way-main .way-outer button.owl-prev {
  height: 19px;
  overflow: hidden;
  transition: 0.5s ease-out;
}
.way-main .way-outer button.owl-prev:hover {
  background-color: unset !important;
  outline: none;
}
.way-main .way-outer button.owl-prev:hover img {
  transform: translate(0px, -30px);
  transition: 0.5s ease-out;
}
.way-main .way-outer button.owl-next {
  height: 19px;
  overflow: hidden;
  transition: 0.5s ease-out;
}
.way-main .way-outer button.owl-next:hover {
  background-color: unset !important;
  outline: none;
}
.way-main .way-outer button.owl-next:hover img {
  transform: translate(0px, -30px);
  transition: 0.5s ease-out;
}
.way-main .way-outer button.owl-prev:focus {
  background-color: unset !important;
  border: unset;
  outline: none !important;
}
.way-main .way-outer button.owl-next:focus {
  background-color: unset !important;
  border: unset;
  outline: none !important;
}
.way-main .bx-trade h3 {
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    font-weight: 600;
}
.way-main .bx-trade .ovrly03 {
  width: 100%;
  overflow: hidden;
  position: relative;
  box-shadow: unset;
  background-color: rgba(255, 255, 255, 0.21);
  padding: 56px 37px;
  text-align: center;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  justify-content: center;
  display: flex;
  align-items: center;
  margin: 0 auto;
  /* margin: 10px 35px; */
}
.way-main .bx-trade .ovrly03 .ic-trade svg {
  width: 93px;
  margin-bottom: 0;
  height: 70px;
}
.way-main .bx-trade .ovrly03 img {
  position: relative;
  width: 64px;
  top: 0;
  left: 0;
}
.way-main .bx-trade:hover .ovrly03 .ovrlyT {
  left: 0;
  top: 0;
}
.way-main .bx-trade:hover .ovrly03 .ovrlyB {
  left: 0;
  top: 0;
}
.way-main .bx-trade:hover .ovrly03 .buttons .fa {
  opacity: 1;
}
.way-main .ic-main {
  transition: 0.5s ease-out;
}
.way-main .bx-trade:hover .ic-main {
  transform: skew(0deg, 180deg);
}

.video {
  background-color: rgba(2, 42, 58, 0.16);
  padding-top: 66px;
  position: relative;
}
.video:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 42%;
  min-height: 400px;
  background-color: #fff;
}
.projects-section .project-card a {
    text-decoration: none;
}
.video:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 113px;
  width: 120px;
  background-color: #9b5c28;
}
.video .video-outer h3 {
  font-size: 24px;
  line-height: 63px;
  text-align: left;
  color: #1a3d4b;
  padding-left: 122px;
  position: relative;
  z-index: 4;
}
.video .video-outer h3 span {
  color: #9b5c28;
}
.video .video-outer .bg-video {
  background-image: url(../images/video.jpg) !important;
  background-size: cover !important;
  position: relative;
  min-height: 500px;
  position: relative;
  z-index: 4;
  width: 100%;
  height: 100%;
  padding: 134px 0;
}
.video .video-outer .bg-video:after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(2, 42, 58, 0.72);
  top: 0;
}
.video .video-outer .bg-video .main-head {
  position: absolute;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 76px;
  width: 100%;
  text-align: center;
}
.video .video-outer .bg-video .main-head svg {
  width: 30%;
}
.video .video-outer .bg-video .side-box {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  padding: 23px 53px;
  width: 318px;
}
.video .video-outer .bg-video .side-box h4 {
  font-size: 26px;
  line-height: 33px;
  text-align: left;
  color: #022a3a;
  margin: 0;
  padding: 0;
}
.video .video-outer .bg-video .play-btn {
  position: absolute;
  right: 78px;
  z-index: 2;
  bottom: 0;
}
.video .video-outer .bg-video .play-btn a {
  background-color: unset;
}
.video .video-outer .bg-video .play-btn a svg {
  width: 59px;
}

.company-news {
    padding: 45px 0;
    padding-top: 83px;
    background: url(../images/bg-box.png) #9B5C28;
        background-attachment: fixed;
}
.outer-pr-slider {
    width: 100%;
}
.company-news .head-news h3 {
  font-size: 12px;
  text-align: left;
  color: #a9a8a9;

  text-transform: uppercase;
  padding-bottom: 13px;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
}
.company-news .head-news h2 {
    padding-bottom: 27px;
    font-weight: bold;
    font-size: 38px;
    letter-spacing: 0em;
    line-height: 55px;
    text-align: left;
    color: #f0e2d9;
    text-transform: uppercase;
}
.company-news .box-news img {
  width: 100%;
}
.company-news .box-news figure {
  margin: 0 0 1rem;
  position: relative;
  overflow: hidden;
  transition: transform 0.35s, color 0.35s;
}
.company-news .box-news figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 23px;
  padding: 10px 23px;
  transform: translate3d(0, 28px, 0) translate3d(0, 28px, 0);
  padding-bottom: 70px;
}
.company-news .box-news figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #022a3a 100%);
  content: "";
  opacity: 0;
  transform: translate3d(0, 50%, 0);
}
.company-news .box-news figure.effect-sadie figcaption::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #022a3a94 100%);
  content: "";
  opacity: 1;
  transform: translate3d(0, 0%, 0);
}
.company-news .box-news figure.effect-sadie h2 {
  /* top: 50%; */
  left: 0;
  width: 100%;
  color: #484c61;
  transition: transform 0.35s, color 0.35s;
  font-size: 19px;
  line-height: 11px;
  text-align: left;
  color: #fff;
  opacity: 1;
  bottom: 36%;
  padding-bottom: 10px;
  position: relative;
  z-index: 1;
}
.company-news .box-news figure.effect-sadie h3 {
  /* top: 66%; */
  left: 0;
  width: 100%;
  color: #484c61;
  transition: transform 0.35s, color 0.35s;
  font-size: 23px;
  line-height: 27px;
  text-align: left;
  color: #fff;
  bottom: 10%;
  position: relative;
  z-index: 1;
}
.company-news .box-news figure.effect-sadie figcaption::before,
.company-news .box-news figure.effect-sadie p {
  transition: opacity 0.35s, transform 0.35s;
}
.company-news .box-news figure.effect-sadie p {
  bottom: 15%;
  left: 0;
  max-width: 100%;
  width: 100%;
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  z-index: 1;
  color: #fff;
  font-size: 14px;

  position: relative;
  z-index: 1;
}
.company-news .box-news figure.effect-sadie a {
  position: absolute;
  bottom: 0;
  /* left: 0; */
  right: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  text-align: right;
  color: #fff;
  font-size: 15px;
  z-index: 1;
}
.company-news .box-news figure.effect-sadie:hover h2 {
  color: #fff;
  transform: translate3d(0, 10px, 0) translate3d(0, -12px, 0);
}
.company-news .box-news figure.effect-sadie:hover figcaption {
  transform: translate3d(0, 10px, 0) translate3d(0, 0px, 0);
}
.company-news .box-news figure.effect-sadie:hover h3 {
  color: #fff;
  transform: translate3d(0, 0px, 0) translate3d(0, -11px, 0);
}
.company-news .box-news figure.effect-sadie:hover figcaption::before,
.company-news .box-news figure.effect-sadie:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.company-news .box-news figure.effect-sadie:hover figcaption::before,
.company-news .box-news figure.effect-sadie:hover a {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
section.company-news.main-news-section .head-news h3 {
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    color: #9b5c28;
}
section.company-news.main-news-section {
    background-color: #fff;
}
.news-slider .news-sl {
  padding-bottom: 31px;
  padding-top: 0;
}
.news-slider .news-sl a {
    border-radius: 0;
    border: 0px solid rgba(2, 42, 58, 0.1);
    display: block;
    text-decoration: none;
    transition: 0.5s ease-out;
}
section.company-news.main-news-section h2 {
    font-weight: bold;
    font-size: 38px;
    letter-spacing: 0em;
    line-height: 55px;
    text-align: left;
    color: #4c3c2c;
}
div#mdh-carousel-nw .owl-nav {
    display: block;
}
div#mdh-carousel-nw .owl-nav button img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(60%) saturate(733%) hue-rotate(359deg) brightness(90%) contrast(88%);
}
section.company-news.main-news-section .news-slider .news-sl {

    border-radius: 5px;
    background: #fff;
    border: 1px solid rgba(2, 42, 58, 0.1);
}
section.company-news.main-news-section .news-slider .news-sl a .cont-news h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #022a3a;
}
.link-n a {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #022a3a;
}
.link-n a:hover {
    color: #9b5c28;
    text-decoration: none;
}
section.company-news.main-news-section .news-slider .owl-theme .owl-dots .owl-dot.active span {
    background: #9b5c28;
    border: 3px solid #fecda4;
    outline: none;
    width: 14px;
    height: 14px;
}
section.company-news.main-news-section .news-slider.pr-slider .owl-dots {
    display: flex !important
;
    justify-content: center;
}
.link-n  {
  text-align: center;
      padding-top: 27px;
}
section.company-news.main-news-section  .news-slider .news-sl {
    padding-bottom: 0px;
    padding-top: 0;
}
section.company-news.main-news-section .news-slider .news-sl a .cont-news h4 {
    font-weight: normal;
    font-size: 17px;
    line-height: 38px;
    text-align: left;
    color: #a9a8a9;
}
section.company-news.main-news-section .news-slider .news-sl a .cont-news {
    padding-top: 20px;
    padding: 20px 26px;
}
section.company-news.main-news-section .owl-dots {
display: block !important;
    margin-top: 29px !important;
}
.news-slider .news-sl a:hover img{
   box-shadow: 0px 0px 30px #df6500;
}
.news-slider .news-sl a .cont-news {
      padding-top: 20px;
}
.news-slider .news-sl a .cont-news h3 {
    font-weight: normal;
    font-size: 24px;
    line-height: 26px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}
.news-slider .news-sl a .cont-news p {
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    text-align: left;
    color: #fff;
    opacity: 0.62;
}
.news-slider .news-sl a .cont-news h5 {
  font-size: 15px;
  line-height: 23px;
  text-align: left;
  font-weight: 300;
  color: #a9a8a9;
 
}
.news-slider .owl-theme .owl-dots .owl-dot.active span,
.news-slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff;
    border: 2px solid #00000054;
    outline: none;
    width: 11px;
    height: 11px;
}
.news-slider .owl-theme .owl-dots .owl-dot span {
    width: 9px;
    height: 9px;
    margin: 5px 7px;
    background: #ffffff;
    /* display: block; */
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 2px solid #b3b3b3;
    outline: none !important;
}
.news-slider .owl-nav {
  position: absolute;
  top: -67px;
  right: 0;
  z-index: 1;
}
.news-slider button.owl-prev {
  height: 19px;
  overflow: hidden;
  transition: 0.5s ease-out;
}
.news-slider button.owl-prev:hover {
  background-color: unset !important;
  outline: none;
}
.news-slider button.owl-prev:hover img {
  transform: translate(0px, -31px);
  transition: 0.5s ease-out;
}
.news-slider button.owl-next {
  height: 19px;
  overflow: hidden;
  transition: 0.5s ease-out;
}
.news-slider button.owl-next:hover {
  background-color: unset !important;
  outline: none;
}
.news-slider button.owl-next:hover img {
  transform: translate(0px, -31px);
  transition: 0.5s ease-out;
}

.view {
  text-align: right;
}
.view a {
  font-size: 13px;
  line-height: 28px;
  text-align: left;
  color: #1f4e61;

}
.s-top {
    position: fixed;
    bottom: 0;
    right: 48px;
}
section.company-news .view a {
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    color: #f0e2d9;
}
.career {
  position: relative;
  padding-top: 0px;
}
.career:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 50%;
  background-color: #9B5C28;
  bottom: 0;
}
.career:after {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 50%;
  background-color: #d5dcde;
  bottom: 0;
}
.career .career-bx .cont-career.contact {
    background-color: #d5dcde;
}
.career .col-md-6 {
  padding: 0;
  position: relative;
  z-index: 2;
}
.career .row {
  align-items: flex-end;
}
.career .career-bx {
  padding-left: 15px;
}
.career .career-bx img {
  width: 100%;
}
.career .career-bx .cont-career {
    background-color: #9B5C28;
  display: flex;
  justify-content: space-between;
  padding: 32px 28px;
      align-items: center;
}
.career .career-bx .cont-career .int svg {
    width: 63px;
  margin-bottom: 11px;
}
.career .career-bx .cont-career .int h4 {
  color: #fff;
  font-size: 14px;
}
.career .career-bx .cont-career .main-h h3 {
    color: #fff;
    font-size: 30px;
    max-width: 81%;
    line-height: 35px;
    text-transform: uppercase;
        font-weight: 600;
}
.r-link {
    padding-right: 45px;
}
.career .career-bx .cont-career.contact h4 {
    color: #000;
    text-align: center;
}
.career .career-bx .cont-career.contact h3 {
    color: #000;
}
.main-h {
    width: 45%;
}
.career .career-bx .cont-career .r-link svg {
  width: 29px;
}
.career .contact {
    background-color: #d5dcde;
    padding: 56px 23px;
    display: flex;
}
.career .contact svg {
  width: 55px;
  margin-bottom: 14px;
}
.career .contact h4 {
  font-size: 13px;
  text-align: left;
  color: #022a3a;

  padding-bottom: 10px;
}
.career .contact .main-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.career .contact .main-c h3 {
  font-size: 39px;
  line-height: 40px;
  text-align: left;
  color: #022a3a;
}
.career .contact .main-c svg {
  width: 28px;
}
 .s-top {
  padding-bottom: 54px;
  display: flex;
  justify-content: flex-end;
      z-index: 99;
}
 .s-top a {
  font-size: 13px;
  text-align: left;
  color: #111;

  text-decoration: none;
}
 .s-top a svg {
     border: 1px solid #ffffff;
    padding: 10px 21px;
    width: 53px;
    margin-left: 14px;
    height: 53px;
    transition: 0.5s ease-out;
    background-color: #fff;
}
 .s-top a svg:hover {
  background-color: #d5dcde;
  border: 1px solid #d5dcde;
}

.ic-img img {
  width: 100%;
}
.s-top a {
    font-size: 0;
}
section.project.pr-det.med-det  h2 {

    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    line-height: 31px;
    text-align: left;
    color: #022a3a;
}
section.project.pr-det.med-det h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 33px;
    text-align: left;
    color: #a9a8a9;
    padding-top: 0;
    position: relative;
    margin-bottom: 32px;
    padding-bottom: 17px;
}
section.project.pr-det.med-det h4:after {
    content: "";
    border-bottom: 3px solid #9b5c28;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 108px;
}
/********dulsco-end*****/
.latest-news.arrivals .news-section .item h3 {
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 9px;
  color: #1b2437;
  line-height: 32px;
  transition: all 0.4s ease-in-out;
}
.latest-news.arrivals .news-section .owl-nav {
  max-width: 109px;
  margin: 0 0 0 auto;
  height: 14px !important;
  /* position: relative; */
  position: absolute;
  left: 0;
  right: 0;
  top: -43px;
  display: flex;
  justify-content: space-between;
}
.latest-news.arrivals .news-section {
  margin-top: 23px;
}
.latest-news.arrivals .news-section .owl-dots {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  position: absolute;
  top: -47px;
  right: 33px;
}
.latest-news.arrivals .news-section button.owl-dot.active:after {
  content: "";
  position: absolute;
  left: -3px;
  right: 0;
  width: 14px;
  height: 14px;
  border: 1px solid green;
  top: -3px;
  border-radius: 50%;
}
.latest-news.arrivals .info {
  padding: 0px 19px;
}
.latest-news.arrivals .arr-cart h4 {

  font-size: 38px;
}
.latest-news.arrivals .arr-cart h4 span {
  font-size: 22px;
  font-weight: 200;
}
.latest-news.arrivals .arr-cart a {
  color: #1b2437;
  font-size: 16px !important;
  /* border-bottom: 1px solid grey; */
  text-decoration: none !important;
  transition: all 0.4s ease-in-out;
  display: table;
  padding: 10px 14px;
  border: 1px solid #656565;
  border-radius: 5px;
}
.latest-news.arrivals .arr-cart a:hover {
  color: #ffffff !important;
  border-bottom: 0px solid #6e6e6e;
  background-color: black;
}
.latest-news .arr-cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bdr-btm:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  max-width: 83%;
  bottom: 0;
  background-color: #d6d6d6;
  margin: 0 auto;
}

.bdr-btm {
  position: relative;
}
section.certification div#mdh-carouseltwo .owl-nav {
    display: none;
}
.pad-normal {
  padding: 60px 0;
}

.paralax-bg {
  width: 100%;
  height: 100%;
}
.paralax-bg.bg-holder {
  width: 100%;
  height: 100%;
  padding: 134px 0;
}
.paralax-bg.bg-holder#pic2 {
  background-image: url("../images/service-bg.png");
  background-size: cover !important;
}
.paralax-bg h4 {
  color: #fff;
  font-weight: 100;
  padding-bottom: 8px;
  font-size: 18px;
}
.paralax-bg h3 {
  font-size: 42px;
  font-weight: 200;
  color: #fff;
}
.paralax-bg a {
  background-color: rgba(255, 255, 255, 0.17);
  padding: 5px 14px;
  display: table;
  font-size: 14px;
  color: #fff;
  margin-top: 15px;
  border-radius: 5px;
  font-weight: 200;
  transition: 0.5s ease-out;
  text-decoration: none !important;
}
.paralax-bg a:hover {
  background-color: rgba(255, 255, 255, 0.46);
  padding: 5px 14px;
  display: table;
  font-size: 14px;
  color: #3e3b3b;
  margin-top: 15px;
  border-radius: 5px;
  font-weight: 200;
}

.info .review .star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 25px;
  height: 40px;
  width: 100px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #a2a2a2;
}
.info .review .review-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px;
  color: #717171;
  font-size: 15px;
}
.info .review .star-ratings-css-top {
  color: #ffc107;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.info .review .star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}
.info .review .star-ratings-sprite {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
  font-size: 0;
  height: 21px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 110px;
  margin: 0 auto;
}
.info .review .star-ratings-sprite-rating {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
  background-position: 0 100%;
  float: left;
  height: 21px;
  display: block;
}
@font-face {
  .info .review {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0e.ttf) format("truetype");
  }
}
@font-face {
  .info .review {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format("truetype");
  }
}
@font-face {
  .info .review {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format("truetype");
  }
}

.main-collection #mdh-carousel .owl-carousel .item .info span {
  color: unset !important;
}

.main-collection {
  /* overlays para carousel de pdf */
}
.main-collection .owl-dots {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.main-collection .owl-dots .owl-dot {
  height: 8px;
  width: 100%;
  background-color: #9e9e9e;
  width: 8px;
  /* margin-right: 9px; */
  border-radius: 50%;
  position: relative;
  outline: none;
  margin: 0px 4px;
}
.main-collection .owl-nav {
  max-width: 93px;
  margin: 0 auto;
  height: 56px;
  /* position: relative; */
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}
.main-collection button.owl-prev {
  bottom: -23px;
  left: 0;
  color: #9e9e9e !important;
  font-size: 27px !important;
  outline: none;
}
.main-collection button.owl-next {
  right: 0;
  bottom: -23px;
  color: #9e9e9e !important;
  font-size: 27px !important;
  outline: none;
}
.main-collection button.owl-dot.active:after {
  content: "";
  position: absolute;
  left: -3px;
  right: 0;
  width: 14px;
  height: 14px;
  border: 1px solid green;
  top: -3px;
  border-radius: 50%;
}
.main-collection #mdh-carousel .owl-carousel {
  padding-bottom: 25px;
}
.main-collection #mdh-carousel .owl-carousel .item {
  background-color: white;
  border-radius: 4px;
}
.main-collection #mdh-carousel .owl-carousel .item .pic {
  height: 250px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.main-collection #mdh-carousel .owl-carousel .item .info {
  padding: 0px 25px;
  padding-bottom: 10px;
}
.main-collection #mdh-carousel .owl-carousel .item .info h3 {
  font-size: 18px;
  text-align: center;
  font-weight: 400;
  line-height: 25px;
  padding: 0px 13px;
}
.main-collection #mdh-carousel .owl-carousel .item .info small {
  color: #b6c0cb;
  letter-spacing: 1px;
}
.main-collection #mdh-carousel .owl-carousel .item .info span {
  color: #0049FF;
}
.main-collection #mdh-carousel .owl-carousel .item .info small {
  font-size: 19px;
  color: #696969;
  width: 100%;
  text-align: center;
  display: block;
  font-weight: 300;
}
.main-collection .mdh-item-overlay {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  border-radius: 17px;
}
.main-collection .heart {
  position: absolute;
  top: 21px;
  right: 26px;
  background-color: rgba(255, 255, 255, 0.45);
  border-radius: 50%;
  padding: 10px 10px;
}
.main-collection .bot-ic {
  display: flex;
  width: 100%;
  align-items: center;
  position: absolute;
  bottom: 19px;
  width: 87%;
  justify-content: space-between;
}
.main-collection #mdh-carousel .item:hover .item-overlay {
  opacity: 0.8;
  visibility: visible;
  transform: scale(1);
}
.main-collection #mdh-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.main-collection #mdh-carousel .item:hover .mdh-item-overlay {
  box-shadow: 0px 14px 22px rgba(3, 40, 113, 0.47);
  transition: 0.5s ease-out;
}
.main-collection .item-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: #4888d2;
  color: #fff;
  transform: translateY(20px);
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-collection .item-overlay .item-overlay-info {
  text-align: center;
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-collection .item-overlay .item-overlay-info a {
  padding: 8px 14px;
  color: #000000;
  background: white;
  text-decoration: none;
  border-radius: 4px;
  display: flex;
  font-size: 15px;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
}
.main-collection .item-overlay .item-overlay-info a:hover {
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
  background-color: #e6f1ff;
}
.main-collection .vision a {
  background-color: rgba(255, 255, 255, 0.45);
  border-radius: 5px;
  padding: 10px 7px;
  transition: 0.5s ease-out;
}
.main-collection .vision a:hover {
  background-color: #3b7cc7;
}

.collections {
  padding: 60px 0;
  padding-top: 30px;
}
.collections .right-bx {
  height: 206px;
  margin-bottom: 17px;
}
.collections .img-sec-collection {
  height: 100%;
}
.collections .collction-outer {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  height: 100%;
}
.collections .collction-outer.bot-bx {
  height: 215px;
}
.collections .collction-outer.right-bx {
  height: 206px;
  margin-bottom: 17px;
}
.collections .collction-outer.right-bx .content-collection {
  position: absolute;
  top: unset;
  left: 36px;
  z-index: 1;
  bottom: 19px;
}
.collections .collction-outer:hover .img-sec-collection img {
  position: relative;
  margin-left: 13px;
  transform: scale(1.2);
  transition: 0.5s ease-out;
}
.collections .collction-outer:after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #0000009c;
  top: 0;
}
.collections .collction-outer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease-out;
}
.collections .collction-outer .content-collection {
  position: absolute;
  top: 36px;
  left: 36px;
  z-index: 1;
}
.collections .collction-outer .content-collection h3 {
  font-size: 29px;
  font-family: "Playfair Display", serif !important;
  color: #fff;
  line-height: 38px;
}
.collections .collction-outer .content-collection h4 {
  font-size: 15px;
  font-weight: 300;
  color: #fff;
}
.collections .collction-outer .content-collection a {
  background-color: rgba(255, 255, 255, 0.17);
  padding: 5px 14px;
  display: table;
  font-size: 14px;
  color: #fff;
  margin-top: 15px;
  border-radius: 5px;
  font-weight: 200;
  transition: 0.5s ease-out;
  text-decoration: none !important;
}
.collections .collction-outer .content-collection a:hover {
  background-color: rgba(255, 255, 255, 0.46);
  padding: 5px 14px;
  display: table;
  font-size: 14px;
  color: #3e3b3b;
  margin-top: 15px;
  border-radius: 5px;
  font-weight: 200;
}

.waster-coll {
  padding: 72px 1px;
}
.waster-coll .left-w-ic {
  display: flex;
}
.waster-coll .left-w-ic .left-ic-w {
  margin-right: 43px;
}
.waster-coll .left-w-ic .cont-left-ic {
  /* padding-top: 27px; */
  padding-right: 30px;
}
.waster-coll .left-w-ic .cont-left-ic h4 {
  font-size: 23px;
  line-height: 36px;
  text-align: left;
  color: #022a3a;
  padding-bottom: 30px;
  position: relative;
}
.waster-coll .left-w-ic .cont-left-ic h4:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 75px;
    background-color: #9B5C28;
  height: 2px;
}
.waster-coll .img-w-r {
  padding-top: 48px;
}
.waster-coll .img-w-r img {
  width: 100%;
}

.treat-sec .ttl-indus h3 {
  text-align: left;
}
.treat-sec .bx-treat {
  padding-top: 52px;
}
.treat-sec .bx-treat ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
  list-style: none;
  padding: 0;
}
.treat-sec .bx-treat ul li .ic-sec {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 14px;
  display: table;
}
.treat-sec .bx-treat ul li .ic-sec:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 2px;
  background-color: red;
  left: 0;
  z-index: 11;
}
.treat-sec .bx-treat ul li h4 {
  font-size: 19px;
  letter-spacing: 0.1em;
  line-height: 45px;
  text-align: left;
  color: #022a3a;
}

.recycle-sec {
  padding: 70px 0;
}
.recycle-sec .cont-recycle h3 {
  font-size: 32px;
  line-height: 45px;
  text-align: left;
  color: #022a3a;
  padding-bottom: 13px;
  position: relative;
  margin-bottom: 26px;
}
.recycle-sec .cont-recycle h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100px;
  background-color: #9b5c28;
  height: 2px;
  left: 0;
}
.recycle-sec .cont-recycle ul {
  padding: 0;
  list-style: none;
}
.recycle-sec .cont-recycle ul li {
  padding-bottom: 0;
  padding-left: 15px;
  position: relative;
  margin-bottom: 19px;
 
  text-transform: uppercase;
  line-height: 27px;
  font-size: 18px;
}
.recycle-sec .cont-recycle ul li:before {
  content: "";
  position: absolute;
  left: 0;
  height: 21px;
  width: 3px;
  background-color: #FF4338;
}
.recycle-sec .cont-recycle p {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #022a3a;
 
}

.project-section {
  padding: 80px 0;
}
.project-section .box-project {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}
.project-section .box-project img {
  transition: 0.5s ease-out;
}
.project-section .box-project:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.49);
  left: 0;
  transform: scale(0);
  transition: 0.5s ease-out;
}
.project-section .box-project:hover img {
  transform: scale(1.3);
}
.project-section .box-project:hover:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.49);
  left: 0;
  transform: scale(1);
  transition: 0.5s ease-out;
}
.project-section .box-project .tag-pr {
  position: absolute;
  bottom: 0;
  padding: 0px 23px;
  z-index: 4;
}
.project-section .box-project .tag-pr h3 {
  font-size: 32px;
  line-height: 28px;
  text-align: left;
  color: #fff;
  padding-bottom: 4px;
}
.project-section .box-project .tag-pr p {
  font-size: 16px;
  line-height: 21px;
  text-align: left;
  color: #eaeaea;
  /* opacity: 0.62; */
 
  padding-bottom: 15px;
}
.project-section .box-project .tag-pr a {
  background-color: #FF4338;
  color: #fff;
  padding: 6px 15px;
  display: table;
  font-size: 16px;
  margin-top: 12px;
  text-decoration: none;
}

.inban-text {
  height: 261px;
  background-color: #F8F8F8;
  overflow: visible;
}
.inban-text .top-title h3 {
  font-size: 76px;
  line-height: 93px;
  text-align: left;
  color: #060606;
}
.inban-text .right-ttl h1 {
  margin: 0;

  font-size: 20vw;
  line-height: 17vw;
  text-align: right;
  color: #F2F2F2;
  opacity: 1;
}

.mission-ban .right-ttl .title {
  display: flex;
  justify-content: flex-end;
}
.mission-ban .top-title {
  position: absolute;
  bottom: 30px;
  padding-left: 48px;
}

.project-cont {
  background-color: #f8f8f8;
  padding: 65px 0;
}
.project-cont .pr-main-cont h3 {
  font-size: 49px;
  line-height: 54px;
  text-align: left;
  color: #022a3a;
  padding-bottom: 27px;
}
.project-cont .pr-main-cont h3 span {
  color: #FF4338;
}
.project-cont .pr-main-cont h4 {
  font-size: 26px;
  line-height: 41px;
  text-align: left;
  color: #022a3a;
  padding-bottom: 8px;
}
.project-cont .pr-main-cont p {
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #022a3a;
 
  font-weight: 100;
  padding-bottom: 10px;
}
.project-cont .pr-main-cont a {
  background-color: #9b5c28;
  border: 1px solid #9b5c28;
  color: #fff;
  padding: 10px 35px;
  display: table;
  font-size: 14px;
  transition: 0.5s ease-out;
  text-decoration: none !important;
 
  text-decoration: none;
}
.project-cont .pr-main-cont a:hover {
  background-color: #ffffff;
  border: 1px solid #9b5c28;
  color: #9b5c28;
  display: table;

  font-size: 14px;
}

.pr-feat {
  background-color: #f8f8f8;
  padding: 44px 0;
}
.pr-feat .pr-sub-ttl h3 {
  font-size: 35px;
  line-height: 42px;
  text-align: left;
  color: #022a3a;
  position: relative;
  padding-bottom: 19px;
}
.pr-feat .pr-sub-ttl h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 123px;
  background-color: #ff453a;
  height: 2px;
  left: 0;
}
.pr-feat .feat-sub-ttl h3 {
  font-size: 27px;
  line-height: 42px;
  text-align: left;
  color: #022a3a;
  position: relative;
  padding-bottom: 48px;
  padding-top: 23px;
  margin-bottom: 26px;
}
.pr-feat .feat-sub-ttl h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 123px;
  background-color: #ff453a;
  height: 2px;
  left: 0;
}
.pr-feat .pr-feat-item ul {
  padding: 0;
  list-style: none;
}
.pr-feat .pr-feat-item ul li {
  padding-bottom: 0;
  padding-left: 15px;
  position: relative;
  margin-bottom: 9px;
 
  text-transform: uppercase;
  line-height: 27px;
  font-size: 17px;
}
.pr-feat .pr-feat-item ul li:before {
  content: "";
  position: absolute;
  left: 0;
  height: 21px;
  width: 3px;
  background-color: #FF4338;
}

.latest-news {
  padding: 60px 0;
}
.latest-news .news-section .item:hover {
  transition: all 0.4s ease-in-out;
}
.latest-news .news-section .item:hover img {
  position: relative;
  margin-top: 10px;
  transition: all 0.4s ease-in-out;
}
.latest-news .news-section .item:hover h3 {
  position: relative;
  margin-bottom: -2px;
  transition: all 0.4s ease-in-out;
}
.latest-news .news-section .item:hover p {
  position: relative;
  transition: all 0.4s ease-in-out;
}
.latest-news .news-section .item:hover a {
  position: relative;
  margin-bottom: -2px;
  transition: all 0.4s ease-in-out;
}
.latest-news .news-section .item img {
  margin-bottom: 20px;
  transition: all 0.4s ease-in-out;
}
.latest-news .news-section .item h3 {
  font-size: 18px;
  font-weight: 300;
  padding-bottom: 9px;
  color: #1b2437;
  line-height: 25px;
  transition: all 0.4s ease-in-out;
}
.latest-news .news-section .item p {
  color: #8e8e93;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
  transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.latest-news .news-section .item a {
  color: #1b2437;
  font-size: 13px;
  border-bottom: 1px solid grey;
  text-decoration: none !important;
  transition: all 0.4s ease-in-out;
  display: table;
}
.latest-news .news-section .item a:hover {
  color: #6e6e6e;
  border-bottom: 1px solid #6e6e6e;
}
.latest-news .news-section .owl-dots {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.latest-news .news-section .owl-dots .owl-dot {
  height: 8px;
  width: 100%;
  background-color: #9e9e9e;
  width: 8px;
  /* margin-right: 9px; */
  border-radius: 50%;
  position: relative;
  outline: none;
  margin: 0px 4px;
}
.latest-news .news-section .owl-nav {
  max-width: 93px;
  margin: 0 auto;
  height: -14px;
  /* position: relative; */
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  display: flex;
  justify-content: space-between;
}
.latest-news .news-section button.owl-prev {
  bottom: -23px;
  left: 0;
  color: #9e9e9e !important;
  font-size: 27px !important;
  outline: none;
}
.latest-news .news-section button.owl-next {
  right: 0;
  bottom: -23px;
  color: #9e9e9e !important;
  font-size: 27px !important;
  outline: none;
}
.latest-news .news-section button.owl-dot.active:after {
  content: "";
  position: absolute;
  left: -3px;
  right: 0;
  width: 14px;
  height: 14px;
  border: 1px solid green;
  top: -3px;
  border-radius: 50%;
}

.ttl-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 21px;
}
.ttl-main h3 {
  font-family: "Playfair Display", serif !important;
  font-size: 31px;
  font-weight: 200;
}
.ttl-main a {
  font-size: 13px;
  color: #151515;
  text-decoration: none !important;
  transition: 0.5s ease-out;
}
.ttl-main a:hover {
  color: #6e6e6e;
}

.banner-count {
  position: relative;
}
.banner-count .number-link {
  display: flex;
  position: absolute;
  top: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 auto;
  background-color: #fff;
  margin-bottom: 9px;
  padding: 10px 17px;
  align-items: center;
  right: 0;
  z-index: 1;
  top: 50%;
  transform: translate(-47px, -70px);
}
.banner-count .number-link .num-sec {
  padding: 0 14px;
}
.banner-count .number-link .num-sec h3 {
  font-size: 14px;
  letter-spacing: 0.15em;
  text-align: left;
  color: #a9a8a9;
  margin: 0;
}
.banner-count .number-link .num-sec h2 {
  margin: 0;
  padding: 0;
}
.banner-count .number-link .num-sec a {
  font-weight: normal;
  font-size: 33px;
  text-align: left;
  color: #9b5c28;
  text-decoration: none;
}
.banner-count .right-slider {
  position: absolute;
  bottom: 0;
  right: 42px;
  width: 60%;
  z-index: 1;
}
.banner-count .owl-dots {
  position: absolute;
  right: 0;
  top: 50%;
  display: grid;
  transform: translate(0px, -62px);
}
.banner-count .owl-theme .owl-dots .owl-dot.active span,
.banner-count .owl-theme .owl-dots .owl-dot:hover span {
  background: #9b5c28;
  outline: none;
}
.banner-count .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #ffffff;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
  border: 0px solid white;
}
.banner-count .outer-bot-no {
  background-color: #fff;
  padding: 40px 51px;
      backdrop-filter: blur(50px);
    --webkit-backdrop-filter: blur(50px);
    background-color: rgba(255, 255, 255, 0.5);
}
.banner-count .outer-bot-no h2 {
    font-size: 19px;
    line-height: 23px;
color: #040503;
    font-weight: 600;
}
.banner-count .outer-bot-no span {

  font-size: 14px;
  line-height: 27px;
  padding-bottom: 10px;
}
.banner-count .outer-bot-no .owl-item {
  opacity: 0.5;
}
.banner-count .outer-bot-no .owl-item.current {
  opacity: 1;
}
.banner-count .bottom-arrow {
  position: absolute;
  bottom: 41px;
  left: 19%;
  z-index: 1;
  animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  cursor: pointer;
}
@keyframes bounce {
  50% {
    transform: translateY(-15px);
  }
}
.banner-count .caption {
  width: 100%;
  z-index: 2;
  height: 100%;
  position: absolute;
  top: 41%;
  transform: translate(0px, -50px);
}
.banner-count .caption .desc {
  z-index: 9;
  left: 0;
  color: #fff;
}
.banner-count .caption .desc h2 {
  font-size: 60px;
  font-weight: 500;
  background-color: #9b5c28;
  padding: 10px 13px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
      display: inline-block;
    font-size: 19px;
    font-weight: 200;
    padding-bottom: 14px;
    font-weight: bold;
    font-size: 71px;
    line-height: 52px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    text-transform: uppercase;
    display: block;
}
.banner-count .caption .desc .tag {
  font-size: 60px;
  padding-bottom: 0;
}
.banner-count .hero-img {
  position: relative;
}
.banner-count .hero-img:before {
  background: rgba(0, 0, 0, 0.38);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.banner-count .btn-gradient-bg {
  background-color: #fff;
  color: #484848;
  display: inline-block;
  padding: 11px 33px;
  border-radius: 30px;
  border-radius: 10px;
  transition: 0.5s ease-out;
  text-decoration: none !important;
  text-transform: uppercase;
}
.banner-count .btn-gradient-bg:hover {
  background-color: #636363;
  color: #fff;
  text-decoration: none;
}
.banner-count .delay-1 {
  animation-delay: 0.2s;
}
.banner-count .delay-2 {
  animation-delay: 0.4s;
}
.banner-count .delay-3 {
  animation-delay: 0.6s;
}
.banner-count .delay-4 {
  animation-delay: 0.8s;
}
.banner-count .slider-counter {
  z-index: 3;
  bottom: 9%;
  position: absolute;
  text-align: center;
  left: 27%;
  font-size: 32px;
  color: white;
  letter-spacing: 7px;
}
.banner-count .slider-counter:first-letter {
  font-size: 72px;
  vertical-align: -webkit-baseline-middle;
}
@media (max-width: 767px) {
  .banner-count .slider-counter {
    font-size: 80px;
    font-weight: 600;
    bottom: 0;
  }
}
@media (max-width: 576px) {
  .banner-count .slider-counter {
    font-size: 30px;
    font-weight: 500;
    bottom: 0;
  }
}
.banner-count .hero_carosel .owl-nav button.owl-prev,
.banner-count .hero_carosel .owl-nav button.owl-next {
  position: absolute;
  bottom: 50%;
  right: 50%;
  color: #000;
}
.banner-count .hero_carosel .owl-nav button.owl-prev {
  left: 0;
}
.banner-count .hero_carosel .owl-nav button.owl-next {
  right: 0;
}
.banner-count .hero_carosel i.owl-direction {
  margin: 0 13px;
  font-size: 3em;
  padding: 0;
  color: #607D8B;
}
.banner-count .hero_carosel .owl-nav button.owl-next,
.banner-count .hero_carosel .owl-nav button.owl-prev {
  outline: 0;
  background: #FFF;
}
.banner-count .tag {
    display: inline-block;
    font-size: 19px;
    font-weight: 200;
    padding-bottom: 14px;
    font-weight: bold;
    font-size: 71px;
    line-height: 52px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.banner-count .fadeInUp {
  animation-name: fadeInUp;
}

.cart-new {
  background-color: rgba(243, 243, 243, 0.68);
  padding: 14px 14px;
  border-radius: 50%;
  position: relative;
}
.cart-new span {
  position: absolute;
  top: -4px;
  background-color: #fff;
  padding: 11px 9px;
  border-radius: 50%;
  /* height: 19px; */
  line-height: 0px;
  font-size: 13px;
}

.login .wrapper {
  margin: 0px auto;
  width: 100%;
  display: block;
  text-align: center;
  transition: 0.15s ease;
  position: relative;
}
.login .wrapper.active .arrow {
  transform: rotate(45deg) translate(-5px, -5px);
}
.login .wrapper.active .arrow:before {
  transform: translate(10px, 0);
}
.login .wrapper.active .arrow:after {
  transform: rotate(90deg) translate(10px, 0);
}
.login .wrapper ul {
  background-color: #ffffffa6;
  border-radius: 5px;
  margin-top: 8px;
  width: 100%;
}
.login .wrapper.active ul {
  opacity: 1;
  height: 83px;
  width: 100%;
  background-color: #ffffffa6;
  border-radius: 5px;
  margin-top: 8px;
}
.login .wrapper.active ul li a {
  width: 100%;
  color: #000;
  text-decoration: none;
}
.login .wrapper.active ul li a:hover {
  color: #3b2f2f;
}
.login .arrow {
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  bottom: -5px;
  left: 14px;
  transition: 0.4s ease;
  margin-top: 4px;
  text-align: left;
  transform: rotate(45deg);
  float: right;
}
.login .arrow:before,
.login .arrow:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 10px;
  height: 1px;
  background-color: #fff;
}
.login .arrow:after {
  position: absolute;
  transform: rotate(90deg);
  top: -5px;
  left: 5px;
}
.login .click-text {
  display: block;
  text-align: left;
  padding: 0 11px 5px;
  margin: 0;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.3);
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
  transition: 0.15s ease;
  padding-right: 30px;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 10px 16px;
  padding-right: 34px;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  color: #fff;
  font-weight: 200;
  font-size: 14px;
}
.login .click-text:hover {
  color: rgba(255, 255, 255, 0.6);
  border-bottom-color: rgba(255, 255, 255, 0.4);
}
.login ul {
  padding: 0;
  margin: 0;
  position: absolute;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.4s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.login li {
  list-style-type: none;
  margin: 0 auto;
  padding: 4px 12px;
  text-align: left;
  cursor: pointer;
}
.login li:first-child {
  margin-top: 12px;
}
.login li:last-child {
  margin-bottom: 12px;
}

.search-outer .search-button {
  float: right;
}
.search-outer .search-button button {
  border: none;
  /* background: transparent url(http://webdesign-finder.com/lifecoach/wp-content/themes/lifecoach/images/menu-search.png) no-repeat center center/cover; */
  padding: 10px 21px;
  color: #022a3a;
  font-size: 21px;
  background-color: unset;
  outline: none;
}
.search-outer .search-popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10000;
  height: 100vh;
}
.search-outer .search-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 67, 56, 0.87);
}
.search-outer .search-popup label {
  color: white;
}
.search-outer .search-form {
  display: block;
  margin: 18em 4em;
  position: relative;
  right: -100%;
  transition: 0.5s ease-out;
}
.search-outer .form {
  position: relative;
}
.search-outer .form input {
  outline: none;
  border-width: 0 0 1px 0;
  border-style: none none solid none;
  border-color: #ffffff;
  background-color: transparent;
  width: 100%;
  padding: 1em 0;
  color: #ffffff;
}
.search-outer .form input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
.search-outer .form input:focus::-webkit-input-placeholder {
  opacity: 0;
  color: #ffffff;
}
.search-outer .form input:focus::-moz-placeholder {
  opacity: 0;
}
.search-outer .form input:-ms-input-placeholder {
  opacity: 0;
}
.search-outer .form input:focus:-moz-placeholder {
  opacity: 0;
}
.search-outer .form label {
  position: absolute;
  top: 25%;
  right: 0;
  color: #ffffff;
}

/**************end-style-bbl********************/
.banner {
  padding-top: 10px;
}
.banner .main-banner {
  position: relative;
  overflow: hidden;
}
.banner .main-banner:hover:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #00000099;
  top: 0;
  height: 100%;
  transition: 0.5s ease-in-out;
}
.banner .main-banner:after {
  content: "";
  position: absolute;
  left: 100%;
  width: 100%;
  background-color: #00000099;
  top: 0;
  height: 100%;
  transition: 0.5s ease-in-out;
}
.banner .main-banner .bttn-banner {
  position: absolute;
  bottom: 33px;
  right: 26px;
  z-index: 3;
}
.banner .main-banner .bttn-banner a {
  color: #fff;
  font-weight: 300;
  border: 1px solid white;
  padding: 7px 34px;
  border-radius: 33px;
  text-decoration: none;
  transition: 0.5s ease-out;
}
.banner .main-banner .bttn-banner a:hover {
  background-color: rgba(0, 0, 0, 0.46);
  border-radius: 33px;
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@media (min-width: 992px) {
  .banner .main-banner .slider {
    overflow: hidden;
  }
  .banner .main-banner .slider .slick-list {
    height: 100%;
  }
  .banner .main-banner .slide .slide__img {
    position: absolute;
    top: 50%;
    left: 0;
  }
}
.banner .main-banner .slide {
  position: relative;
}
.banner .main-banner .slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.banner .main-banner .slide .slide__img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;
  animation-duration: 3s;
  transition: all 1s ease;
  width: 100%;
}
.banner .main-banner .slide .slide__content {
  position: absolute;
  top: 50%;
  left: 50%;
}
.banner .main-banner .slide .slide__content--headings {
  text-align: center;
  color: #fff;
}
.banner .main-banner .slide .slide__content--headings h2 {
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  font-size: 73px;
  /* background: linear-gradient(#000f24 0%, rgba(0, 15, 36, 0) 100%); */
  position: relative;
  text-shadow: 1px 2px 2px #000f24, 0 0 103px #000f24, 0 0 91px #000057;
  position: relative;
  justify-content: center;
}
.banner .main-banner .slide .slide__content--headings a svg {
  width: 135px;
  height: 45px;
  border: 1px solid #f9f9f9;
  padding: 11px 13px;
  background-color: #000000;
  border-radius: 2px;
  transition: 0.5s ease-out;
}
.banner .main-banner .slide .slide__content--headings a svg:hover {
  background-color: #343434;
}
.banner .main-banner .slide .slide__content--headings a svg text {
  stroke: white;
}
.banner .main-banner .slide .slide__content--headings h2 svg {
  width: 50%;
  width: 50%;
  position: relative;
  z-index: 1;
}
.banner .main-banner .slide .slide__content--headings h2 svg text {
  font-size: 140px;
  stroke: #d4d900;
}
.banner .main-banner .slide .slide__content--headings h2 span {
  position: relative;
  z-index: 1;
  animation: blink 5s infinite linear;
}
.banner .main-banner .slide .slide__content--headings h2:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/shadow.png);
  background-size: 70%;
  background-repeat: no-repeat;
}
.banner .main-banner .slide .slide__content--headings .animated {
  transition: all 0.5s ease;
}
.banner .main-banner .slider [data-animation-in] {
  opacity: 0;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
}
.banner .main-banner .slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.banner .main-banner .slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.banner .main-banner .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.banner .main-banner .slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.banner .main-banner .slick-dots li button:hover {
  outline: none;
}
.banner .main-banner .slick-dots li button:focus {
  outline: none;
}
.banner .main-banner .simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}
.banner .main-banner .simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: white;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}
.banner .main-banner .simple-dots .slick-dots li button:hover {
  opacity: 1;
}
.banner .main-banner .simple-dots .slick-dots li button:focus {
  opacity: 1;
}
.banner .main-banner .simple-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}
.banner .main-banner .zoomInImage {
  animation-name: zoomInImage;
}
.banner .main-banner .zoomOutImage {
  animation-name: zoomOutImage;
}
.banner .main-outer-box {
  display: flex;
  flex-wrap: wrap;
  align-items: inherit;
  height: 100%;
}
.banner .box-side {
  position: relative;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
.banner .box-side:hover:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #00000099;
  top: 0;
  height: 100%;
  transition: 0.5s ease-in-out;
}
.banner .box-side:after {
  content: "";
  position: absolute;
  left: 100%;
  width: 100%;
  background-color: #00000099;
  top: 0;
  height: 100%;
  transition: 0.5s ease-in-out;
}
.banner .box-side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .box-side .bttn-banner {
  position: absolute;
  bottom: 33px;
  right: 26px;
  z-index: 3;
}
.banner .box-side .bttn-banner a {
  color: #343434;
  font-weight: 300;
  border: 1px solid white;
  padding: 7px 34px;
  border-radius: 33px;
  text-decoration: none;
  transition: 0.5s ease-out;
  background-color: #fff;
  box-shadow: 1px 1px 9px #adadad;
  font-size: 14px;
}
.banner .box-side .bttn-banner a:hover {
  background-color: rgba(0, 0, 0, 0.46);
  border-radius: 33px;
  color: #fff;
}

.category {
  padding: 50px 0;
}
.category .product-head {
  padding-bottom: 2px;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 22px;
  position: relative;
}
.category .product-head:after {
  content: "";
  position: absolute;
  left: 0;
  width: 72px;
  bottom: -1px;
  height: 1px;
  background-color: #17c1f3;
}
.category .product-head h3 {
  font-size: 24px;
  color: #000;
  font-weight: 400;
}
.category .category-outer ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.category .category-outer ul li {
  width: 19%;
  background-color: #f5f5f5;
  text-align: center;
  padding: 10px 15px;
  margin-bottom: 11px;
  transition: 0.5s ease-in-out;
}
.category .category-outer ul li:hover {
  background-color: #e1e1e1;
}
.category .category-outer ul li:hover .img-cat img {
  transform: rotate3d(0, 1, 0, 353deg);
}
.category .category-outer ul li a {
  text-decoration: none;
}
.category .category-outer ul li .img-cat {
  padding: 1px 10px;
  padding-top: 15px;
}
.category .category-outer ul li .img-cat img {
  width: 100%;
  transition: 0.9s ease-out;
}
.category .category-outer ul li .txt-cat {
  padding-top: 26px;
}
.category .category-outer ul li .txt-cat h3 {
  font-size: 18px;
  color: #262626;
}

.product-ad .col-md-3 {
  max-width: 30%;
}
.product-ad .col-md-6 {
  max-width: 40%;
}
.product-ad .slide-bx {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@media (min-width: 992px) {
  .product-ad .slide-bx .slider {
    overflow: hidden;
  }
  .product-ad .slide-bx .slider .slick-list {
    height: 100%;
  }
  .product-ad .slide-bx .slide .slide__img {
    position: absolute;
    top: 50%;
    left: 0;
  }
}
.product-ad .slide-bx .slide {
  position: relative;
}
.product-ad .slide-bx .slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.product-ad .slide-bx .slide .slide__img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;
  animation-duration: 3s;
  transition: all 1s ease;
  width: 100%;
}
.product-ad .slide-bx .slide .slide__content {
  position: absolute;
  top: 50%;
  left: 50%;
}
.product-ad .slide-bx .slide .slide__content--headings {
  text-align: center;
  color: #fff;
}
.product-ad .slide-bx .slide .slide__content--headings h2 {
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  font-size: 73px;
  /* background: linear-gradient(#000f24 0%, rgba(0, 15, 36, 0) 100%); */
  position: relative;
  text-shadow: 1px 2px 2px #000f24, 0 0 103px #000f24, 0 0 91px #000057;
  position: relative;
  justify-content: center;
}
.product-ad .slide-bx .slide .slide__content--headings a svg {
  width: 135px;
  height: 45px;
  border: 1px solid #f9f9f9;
  padding: 11px 13px;
  background-color: #000000;
  border-radius: 2px;
  transition: 0.5s ease-out;
}
.product-ad .slide-bx .slide .slide__content--headings a svg:hover {
  background-color: #343434;
}
.product-ad .slide-bx .slide .slide__content--headings a svg text {
  stroke: white;
}
.product-ad .slide-bx .slide .slide__content--headings h2 svg {
  width: 50%;
  width: 50%;
  position: relative;
  z-index: 1;
}
.product-ad .slide-bx .slide .slide__content--headings h2 svg text {
  font-size: 140px;
  stroke: #d4d900;
}
.product-ad .slide-bx .slide .slide__content--headings h2 span {
  position: relative;
  z-index: 1;
  animation: blink 5s infinite linear;
}
.product-ad .slide-bx .slide .slide__content--headings h2:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/shadow.png);
  background-size: 70%;
  background-repeat: no-repeat;
}
.product-ad .slide-bx .slide .slide__content--headings .animated {
  transition: all 0.5s ease;
}
.product-ad .slide-bx .slider [data-animation-in] {
  opacity: 0;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
}
.product-ad .slide-bx .slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.product-ad .slide-bx .slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.product-ad .slide-bx .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.product-ad .slide-bx .slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.product-ad .slide-bx .slick-dots li button:hover {
  outline: none;
}
.product-ad .slide-bx .slick-dots li button:focus {
  outline: none;
}
.product-ad .slide-bx .simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}
.product-ad .slide-bx .simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: white;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}
.product-ad .slide-bx .simple-dots .slick-dots li button:hover {
  opacity: 1;
}
.product-ad .slide-bx .simple-dots .slick-dots li button:focus {
  opacity: 1;
}
.product-ad .slide-bx .simple-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}
.product-ad .slide-bx .zoomInImage {
  animation-name: zoomInImage;
}
.product-ad .slide-bx .zoomOutImage {
  animation-name: zoomOutImage;
}
.product-ad .main-ad {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.product-ad .main-ad a {
  height: 100%;
}
.product-ad .main-ad a img {
  width: 100%;
  height: 96%;
  object-fit: cover;
  position: relative;
}

.trending-tab {
  padding: 50px 0;
}
.trending-tab .product-head {
  padding-bottom: 2px;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.trending-tab .product-head:after {
  content: "";
  position: absolute;
  left: 0;
  width: 72px;
  bottom: -1px;
  height: 1px;
  background-color: #17c1f3;
}
.trending-tab .product-head .inener-head h3 {
  font-size: 24px;
  color: #000;
  font-weight: 400;
}
.trending-tab .product-head .tab-sec .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 13px;
  border: 0 !important;
  color: #575757;
  padding: 10px 12px;
  position: relative;
}
.trending-tab .product-head .tab-sec .nav-link:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0px;
  height: 2px;
  background-color: #9b5c28;
  bottom: -1px;
  margin: 0 auto;
  right: 0;
  transition: 0.5s ease-out;
}
.trending-tab .product-head .tab-sec .nav-link.active:after {
  content: "";
  position: absolute;
  left: 0;
  width: 48px;
  height: 2px;
  background-color: #9b5c28;
  bottom: -1px;
  margin: 0 auto;
  right: 0;
  transition: 0.5s ease-out;
}
.trending-tab .product-head .tab-sec .nav-tabs {
  border-bottom: 0px solid #dee2e6;
}
.trending-tab .product-contents .slick-slide {
  margin: 0 10px;
}
.trending-tab .product-contents .product-bx {
  text-align: center;
  border: 1px solid #dbdbdb;
  padding: 20px 26px;
  transition: 0.5s ease-out;
  margin-bottom: 24px;
}
.trending-tab .product-contents .product-bx:hover {
  text-align: center;
  border: 1px solid #f1f1f1;
  padding: 20px 26px;
  box-shadow: 1px 2px 20px #d4d4d4;
  /* padding-bottom: 25px; */
  background-color: #f1f1f1;
  margin-bottom: 24px;
  transition: 0.5s ease-out;
}
.trending-tab .product-contents .product-bx:hover .product-img img {
  transform: scale(1.2);
  transition: 0.5s ease-out;
}
.trending-tab .product-contents .product-bx .product-img {
  padding-bottom: 16px;
  min-height: 228px;
  overflow: hidden;
}
.trending-tab .product-contents .product-bx .product-img img {
  margin: 0 auto;
  width: 157px;
  transition: 0.5s ease-out;
}
.trending-tab .product-contents .product-bx .product-cont .star-sec .stars .stars-ghost {
  width: 115px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-bottom: 16px;
}
.trending-tab .product-contents .product-bx .product-cont .star-sec .stars .stars-ghost .star i.fa.fa-star {
  color: #2677e7;
}
.trending-tab .product-contents .product-bx .product-cont .star-sec .stars .stars-ghost .star i.fa.fa-star-o {
  color: #2677e7;
}
.trending-tab .product-contents .product-bx .product-cont h3 {
  font-size: 14px;
  font-weight: 100;
  padding-bottom: 10px;
}
.trending-tab .product-contents .product-bx .product-cont h4 {
  font-size: 18px;
  color:#9b5c28
  font-weight: 500;
}
.trending-tab .product-contents .product-bx .product-cont h4 span {
  color: #868686;
  text-decoration: line-through;
  padding-left: 13px;
}
.trending-tab .product-contents .product-bx .product-cont .p-name {
  text-decoration: none;
  outline: none;
  color: #676767;
}
.trending-tab .product-contents .product-bx .product-cont .btn-cart {
  display: table;
  margin: 0 auto;
  border: 1px solid grey;
  border-radius: 50px;
  padding: 8px 28px;
  font-size: 12px;
  margin-top: 15px;
  color: #4b4b4b;
  font-weight: 200;
  text-decoration: none;
  outline: none;
  transition: 0.5s ease-out;
}
.trending-tab .product-contents .product-bx .product-cont .btn-cart:hover {
  background-color: #2677e7;
  color: #fff;
  border-color: #fff;
}

.ad-buy {
  padding-bottom: 68px;
}
.ad-buy .box-ad {
  padding-right: 68px;
  min-height: 161px;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ad-buy .box-ad:after {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 359px;
  background-color: rgba(0, 0, 0, 0.67);
  -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
.ad-buy .box-ad a {
  background-color: #fff;
  color: #5d5d5d;
  font-weight: 400;
  padding: 9px 48px;
  border-radius: 34px;
  position: relative;
  z-index: 2;
  transition: 0.5s ease-out;
  text-decoration: none;
}
.ad-buy .box-ad a:hover {
  background-color: #2677e7;
  color: #fff;
  border-color: #fff;
}

.brand {
  padding-bottom: 31px;
}
.brand .your-class6 {
  border: 1px solid #ededed;
}
.brand .brand-bx {
  padding: 17px 48px;
}
.brand .brand-bx img {
  width: 100%;
}

footer {
    background: url(../images/bg-foot.png) #4C3C2C;
  padding: 56px 0;
  padding-bottom: 0;
  position: relative;
}
footer .social ul {
  list-style: none;
  padding: 0;
  display: flex;
  grid-gap: 23px;
}
footer .social ul li a path {
  fill: white;
}
footer .social ul li a:hover path {
  fill:#9b5c28
  transition: 0.5s ease-out;
}
footer h3.copy {
  font-size: 16px;
  text-align: left;
  color: #8e8e93;
  font-weight: 100;
  margin: 0;
}
footer .outer-image {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 51%;
}
footer .outer-image svg {
  width: 100%;
  height: auto;
}
footer .footer-bot {
  background-color: #EFEFF4;
  padding: 21px 0;
  margin-top: 22px;
}
footer h3.power {
  font-size: 13px;
  line-height: 16px;
  text-align: right;
  color: #fff;
  font-weight: 200;
  margin: 0;

  padding: 22px 0;
}
footer h3.power svg {
  padding-left: 10px;
}
footer h3.power svg g {
  fill: #fff;
}
footer .logo-foot {
  padding-bottom: 20px;
}
footer .links-outer h3 {
    padding-bottom: 31px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
footer .links-outer.service-links li {
    padding-bottom: 11px;
}
.links-outer.service-links a {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.75);
    font-size: 24px;
}
footer .links-outer h3 svg {
  width: 19px;
  margin-right: 5px;
}
footer .links-outer a {
  font-size: 15px;
  font-weight: 200;
  line-height: 27px;
  color: #8e8e93;
  text-decoration: none !important;
}
footer .links-outer a:hover {
  color: #9b5c28;
  transition: 0.5s ease-out;
}
footer .links-outer ul {
  list-style: none;
  padding: 0;
}
footer .links-outer ul li {
  display: flex;
  padding-bottom: 6px;
}
footer .links-outer ul li span {
  padding-right: 17px;
}
footer .links-outer ul li p {
  color: #ffffff;
  font-weight: 200;
  padding-bottom: 12px;
  line-height: 25px;
  font-size: 13px;

}
footer .links-outer ul li a {
  font-size: 16px;
  font-weight: 200;
  line-height: 27px;
  color: #ffffff;
  text-decoration: none !important;

}
footer .links-outer p {
    color: #ffffff;
    font-weight: 400;
    padding-bottom: 12px;
    line-height: 25px;
    font-size: 16px;

}
footer .links-outer ul li a svg {
    width: 23px !important;
    height: 27px !important;
}
footer .links-outer .sub {
  display: flex;
  width: 100%;
  padding-bottom: 15px;
}
footer .links-outer .sub input {
  height: 46px;
  border: 0;
  border-radius: 3px 0 0 3px;
  width: 72%;
}
footer .links-outer .sub button {
  border: 0;
  background-color: #16c1f3;
  color: #fff;
  font-size: 13px;
  width: 28%;
  border-radius: 0 3px 3px 0;
}
footer .links-outer h4 {
  font-size: 16px;
  color: #9b5c28;
  font-weight: 300;
}

.csr-banner {
  display: flex;
}
.csr-banner .sidebar-csr {
  width: 11%;
    background-color: #A7968E;
}
.csr-banner .cont-banner {
  width: 89%;
  padding-left: 16px;
}
.csr-banner .cont-banner .video-cont {
  padding-top: 13px;
}
.csr-banner .cont-banner .video-cont .center-xy {
  top: 0;
  left: 0;
  position: relative;
}
.csr-banner .cont-banner .video-cont .cb-video-container {
    position: relative;
    height: 100%;
    min-height: 218px;
}
.csr-banner .cont-banner .video-cont .video {
  background-color: rgba(2, 42, 58, 0.16);
  padding-top: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.csr-banner .cont-banner .video-cont .play-pause--click-area {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background-color: unset !important;
    padding: 23px 25px;
    display: flex
;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 9;
}



.projects-section {
padding: 100px 0px;
    text-align: center;
    background: url(../images/bg-about.png), #ffffff;

}

.projects-section .section-header .section-subtitle {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #f0e2d9;
}

.projects-section .section-header .section-title {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 35px;
    letter-spacing: 0em;
    line-height: 47px;
    text-align: center;
    color: #9b5c28;
    text-transform: uppercase;
}

.projects-section .projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.projects-section .project-card {
  background: #fff;
  text-align: left;
}

.projects-section .project-card img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
  margin-bottom: 15px;
}

.projects-section .project-title {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 24px;
    line-height: 26px;
    text-align: left;
    color: #040503;
}

.projects-section .project-desc {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #040503;
    opacity: 0.62;
}

 .project-details .sticky-left {
      position: sticky;
      top: 0;
    }
    .project-details .project-title {
      color: #9B4D00; /* brown shade */
      font-weight: bold;
    }
   .project-details  .btn-custom {
      background-color: #7B4D1C;
      color: white;
      padding: 6px 14px;
      font-size: 14px;
      border: none;
    }
  section.project.pr-det  h2
   {
        font-weight: 600;
    font-size: 35px;
    line-height: 27px;
    text-align: left;
    color: #9b5c28;
    text-transform: uppercase;
   }
section.project.pr-det h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    color: #022a3a;
}
section.project.pr-det {
    background: unset;
}
.projects-grid.media-grid {
    max-width: 1000px;
    grid-template-columns: repeat(2, 1fr);
}

.projects-section .projects-grid.media-grid .project-card {
    background: #fff;
    text-align: left;
    border-radius: 5px;
    background: #fff;
    border: 1px solid rgba(2, 42, 58, 0.1);
}

.projects-section .projects-grid.media-grid .project-card img {
  border-radius: 0;
    margin: 0;
}

.projects-section .projects-grid.media-grid .project-card .desc .project-title {
    font-weight: 600;
    font-size: 19px;
    line-height: 33px;
    text-align: left;
    color: #022a3a;
}
.projects-section .projects-grid.media-grid .project-card .desc h5 {
    font-weight: normal;
    font-size: 21px;
    line-height: 29px;
    text-align: left;
    color: #a9a8a9;
}
.projects-section .projects-grid.media-grid .project-card .desc  {
    padding: 21px 62px;
}
.csr-banner .cont-banner .video-cont .cb-video-container img {
    min-height: 221px;
}
.csr-banner .cont-banner .video-cont .cb-video-container p {
    height: 0;
    transition: .5s ease-out;
    opacity: 0;
}
.csr-banner .cont-banner .video-cont .cb-video-container:hover p {
    display: block;
    height: 100%;
    opacity: 1;
}

.csr-banner .cont-banner .video-cont .cb-video-container:after {
    content: "";
    background-color: #0202027d;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.csr-banner .cont-banner .video-cont .play-pause--container {
  position: absolute;
  /* width: 30px; */
  /* height: 30px; */
  bottom: 0;
}
.csr-banner .cont-banner .video-cont .play-pause--container .play-pause--icon {
  margin: auto;
  right: 0;
  left: 16px;
  position: absolute;
  bottom: 16px;
}
.csr-banner .cont-banner .video-cont .play-pause--container .pause-icon {
  position: absolute;
}
.csr-banner .top-banner {
  display: flex;
}
    .csr-banner .top-banner .img-banner img {
        object-fit: cover;
        height: 100%;
    }
.csr-banner .top-banner .tt-box {
    display: flex;
    padding: 53px 53px;
    background: url(../images/bg-foot.png) #9B5C28;
    height: 100%;
    /* left: -100%; */
    width: 40%;
    transition: all 0.5s;
    background-size: auto;
    background-attachment: fixed;
    min-height: 517px;
    align-items: flex-end;
}
.csr-banner .top-banner .tt-box h3 {
     ssfont-weight: bold;
    font-size: 48px;
    letter-spacing: 0em;
    line-height: 55px;
    text-align: left;
    color: #f0e2d9;
}

.corporate-sec {
  padding: 77px 0;
}
.corporate-sec .corp-outer h3 {
    padding-bottom: 22px;
    font-weight: bold;
    font-size: 45px;
    letter-spacing: 0em;
    line-height: 55px;
    text-align: left;
    color: #4c3c2c;
    text-transform: uppercase;
}
.corporate-sec .corp-outer a {
   background-color: #9b5c28;
    border: 1px solid #9b5c28;
    color: #fff;
    padding: 10px 35px;
    display: table;
    font-size: 14px;
    transition: 0.5s ease-out;
    text-decoration: none !important;
    text-decoration: none;
    margin-top: 26px;
    display: inline-block;
    margin-bottom: 37px;
}
.corporate-sec .corp-outer h3 span {
  color: #FF4338;
}
.corporate-sec .corp-outer p {
  font-size: 20px;
  line-height: 34px;
  text-align: left;
  color: #6c6c6c;
  padding-bottom: 23px;
 
}
.corporate-sec .box-outer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 14px;
}
.corporate-sec .box-outer .bx-cont {
    background: #A7968E;
  padding: 33px 21px;
  transition: 0.5s ease-out;
}
.corporate-sec .box-outer .bx-cont:hover {
    background: #9B5C28;
}
.corporate-sec .box-outer .bx-cont .ttl {
  display: flex;
  /* justify-content: space-between; */
  /* width: 67%; */
  align-items: center;
  margin-bottom: 23px;
}
.corporate-sec .box-outer .bx-cont .ttl h3 {
  font-size: 54px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #fff;
  line-height: 57px;
  margin: 0;
  padding-left: 31px;
}
.corporate-sec .box-outer .bx-cont .btm-cont {
  min-height: 104px;
}
.corporate-sec .box-outer .bx-cont h4 {
    font-weight: normal;
    font-size: 25px;
    letter-spacing: -0.01em;
    line-height: 34px;
    text-align: left;
    color: #fff;
    padding-top: 0;
    margin: 0;
    text-transform: uppercase;
}

.cares-sec {
  padding-bottom: 70px;
}
.cares-sec .care-cont h3 {
padding-bottom: 22px;
    font-weight: bold;
    font-size: 45px;
    letter-spacing: 0em;
    line-height: 55px;
    text-align: left;
    color: #4c3c2c;
    text-transform: uppercase;;
}
.cb-video-container p {
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #fff;
}
.cb-video-container h4 {
    font-weight: 600;
    font-size: 25px;
    line-height: 28px;
    text-align: left;
    color: #fff;
}
.cares-sec .care-cont h3 span {
  color: #FF4338;
}
.cares-sec .care-cont p {
  font-size: 19px;
  line-height: 33px;
  text-align: left;
  color: #626263;
  font-weight: 100;
 
  padding-bottom: 22px;
}
.cares-sec .care-cont h5 {
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 0.05em;
  text-align: left;
  color: #707070;
}
.cares-sec .care-cont a {
    background-color: #9b5c28;
    border: 1px solid #9b5c28;
    color: #fff;
    padding: 10px 35px;
    display: table;
    font-size: 14px;
    transition: 0.5s ease-out;
    text-decoration: none !important;
    text-decoration: none;
    margin-top: 26px;
}
.cares-sec .care-cont a:hover {
  background-color: #ffffff;
  border: 1px solid #9b5c28;
  color: #9b5c28;
  display: table;
  font-size: 14px;
}

.csr-ptr {
  padding-top: 0;
}
.csr-ptr .head-cer h3 {
  text-align: left;
  color: #9b5c28;
}
.csr-ptr .head-cer h3 span {
  color: #111111;
}
.csr-ptr .head-cer h3:after {
  content: "";
  position: absolute;
  left: 0;
  margin: 0;
  width: 120px;
  height: 2px;
  background-color: #111111;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  right: unset;
}

.inner-banner .inner-ban {
  background-color: #f8f8f8;
  margin-top: 22px;
  margin-bottom: 22px;
  padding: 34px 0;
  text-align: center;
}
.inner-banner .inner-ban h3 {
  color: #16c1f3;
  padding-bottom: 10px;
  font-size: 24px;
}
.inner-banner .inner-ban h5 {
  color: #a3a3a3;
  font-weight: 200;
  font-size: 15px;
}

.about-section {
  padding: 45px 0;
}
.about-section .ttl-who {
  position: relative;
  margin-bottom: 24px;
  margin-top: 22px;
}
.about-section .ttl-who:after {
  content: "";
  position: absolute;
  right: 0;
  width: 87%;
  background-color: #d8d8d8;
  height: 1px;
  top: 50%;
}
.about-section .ttl-who h3 {
  position: relative;
  color: #444444;
  font-size: 26px;
}
.about-section .img-who img {
  width: 100%;
}
.about-section .content-who p {
  font-size: 14px;
  color: #5c5c5c;
  font-weight: 300;
  line-height: 26px;
}
.about-section ul {
  display: flex;
  list-style: none;
  padding: 0;
  padding-top: 15px;
}
.about-section ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-section ul li .ic-who {
  padding-right: 10px;
}
.about-section ul li h5 {
  font-size: 14px;
  color: #898989;
  padding: 0;
  margin: 0;
  font-weight: 300;
  padding-right: 12px;
  line-height: 20px;
}

.member-sec {
  padding: 45px 0;
}
.member-sec .ttl-member {
  text-align: center;
  position: relative;
  margin-bottom: 19px;
}
.member-sec .ttl-member::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #cecece;
  top: 50%;
  left: 0;
}
.member-sec .ttl-member h3 {
  position: relative;
  color: #444444;
  font-size: 26px;
  display: table;
  margin: 0 auto;
  background-color: #fff;
  z-index: 3;
  padding: 0 12px;
}
.member-sec .ttl-text {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 16px;
}
.member-sec .ttl-text p {
  font-weight: 300;
  color: #868686;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
}
.member-sec .members-list .member-item .name-mem {
  padding: 15px 0;
  text-align: center;
}
.member-sec .members-list .member-item .name-mem h3 {
  font-weight: 300;
  font-size: 16px;
}
.member-sec .members-list .member-item .name-mem h5 {
  font-weight: 300;
  font-size: 14px;
}

.news-section {
  padding-bottom: 43px;
  background-color: #f8f8f8;
}
.news-section .news-box {
  position: relative;
  min-height: 375px;
  transition: 0.5s ease-out;
  overflow: hidden;
  margin-bottom: 18px;
}
.news-section .news-box:hover .cont-news {
  background-color: #F2EFEF;
  padding: 25px 23px;
  height: 100%;
  position: absolute;
  bottom: 0;
  transition: 0.5s ease-out;
}
.news-section .news-box:hover .cont-news h3 {
  color: #9b5c28;
  transition: 0.5s ease-out;
}
.news-section .news-box:hover .cont-news .hide-cont {
  transform: translate(0%, 0px);
  transition: 0.5s ease-out;
}
.news-section .news-box:hover .cont-news .hide-cont p {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #a9a8a9;

  padding-bottom: 18px;
  opacity: 1;
  transition: 0.5s ease-out;
}
.news-section .news-box:hover .cont-news .hide-cont a {
  font-size: 14px;
  line-height: 34px;
  text-align: left;
  color: #9b5c28;

  opacity: 1;
  transition: 0.5s ease-out;
}
.news-section .news-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-section .news-box .cont-news {
  background-color: #F2EFEF;
  padding: 25px 23px;
  height: 40%;
  position: absolute;
  bottom: 0;
  transition: 0.5s ease-out;
}
.news-section .news-box .cont-news h3 {
  font-size: 18px;
  line-height: 25px;
  text-align: left;
  color: #060606;
  transition: 0.5s ease-out;
}
.news-section .news-box .cont-news h4 {
  font-size: 13px;
  line-height: 34px;
  text-align: left;
  color: #a9a8a9;

}
.news-section .news-box .cont-news .hide-cont {
  transform: translate(-100%, 0px);
  transition: 0.5s ease-out;
}
.news-section .news-box .cont-news .hide-cont p {
  opacity: 0;
  transition: 0.5s ease-out;
}
.news-section .news-box .cont-news .hide-cont a {
  opacity: 0;
  transition: 0.5s ease-out;
}

.service-inban.news-ban {
  height: 250px;
  background-color: #F8F8F8;
}
.service-inban.news-ban .right-ttl h1 {
  opacity: 1;
}
.service-inban.news-ban .top-title h3 {
  font-size: 67px;
  text-align: left;
  color: #020202;
}

.contact-details {
  padding: 60px 0;
}
.contact-details .contact-det h3 {
  color: #16c1f3;
  font-size: 26px;
  padding-bottom: 17px;
}
.contact-details .contact-det p {
  font-size: 14px;
  color: #626262;
  line-height: 25px;
}
.contact-details .contact-det ul {
  list-style: none;
  padding: 0;
}
.contact-details .contact-det ul li {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}
.contact-details .contact-det ul li span {
  padding-right: 9px;
}
.contact-details .contact-det ul li p {
  padding: 0;
  margin: 0;
  color: #626262;
  font-size: 14px;
  font-weight: 300;
}
.contact-details .message-sec h3 {
  color: #16c1f3;
  font-size: 26px;
  padding-bottom: 17px;
}
.contact-details .message-sec .half-form {
  width: 49%;
  margin-right: 1%;
  padding-bottom: 18px;
  float: left;
}
.contact-details .message-sec .half-form input {
  width: 100%;
  padding: 9px 7px;
  font-weight: 300;
  font-size: 13px;
  border-color: #e6e6e6;
  border-width: 1px;
  border: 1px solid #e6e6e6;
}
.contact-details .message-sec .full-form {
  width: 100%;
}
.contact-details .message-sec .full-form textarea {
  width: 99%;
  /* width: 100%; */
  padding: 9px 7px;
  font-weight: 300;
  font-size: 13px;
  border-color: #e6e6e6;
  border-width: 1px;
  border: 1px solid #e6e6e6;
}
.contact-details .message-sec .form-btn {
  padding-top: 15px;
}
.contact-details .message-sec .form-btn input {
  padding: 10px 7px;
  border: 0;
  background-color: #17c1f3;
  color: #565656;
  outline: none;
  border-radius: 5px;
  transition: 0.5s ease-out;
}
.contact-details .message-sec .form-btn input:hover {
  padding: 10px 7px;
  border: 0;
  background-color: #0692bb;
  color: #ffffff;
  border-radius: 5px;
}

.product-detail .view {
  position: relative;
  overflow: hidden;
  cursor: default;
  box-shadow: none !important;
  border: 1px solid #ececec;
  padding: 72px;
}
.product-detail .product-main h5 {
  color: #444444;
  font-size: 24px;
}
.product-detail .product-main .rev-sec {
  display: flex;
  justify-content: space-between;
}
.product-detail .product-main .rev-sec .rev-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  font-size: 14px;
  font-weight: 300;
}
.product-detail .product-main .rev-sec .rev-cont .rating {
  padding: 0;
  color: #ffa000;
  list-style-type: none;
  margin: 0;
}
.product-detail .product-main .rev-sec .rev-cont a {
  color: #444444;
}
.product-detail .product-main .rev-sec .stock-check {
  width: 30%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.product-detail .product-main .rev-sec .stock-check .form-group {
  display: block;
  margin-bottom: 0;
}
.product-detail .product-main .rev-sec .stock-check .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.product-detail .product-main .rev-sec .stock-check .form-group label {
  position: relative;
  cursor: pointer;
  margin: 0 !important;
  font-size: 14px;
  color: #0da7d4;
}
.product-detail .product-main .rev-sec .stock-check .form-group label:before {
  content: "";
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #17c1f3;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 13px;
  border-radius: 5px;
}
.product-detail .product-main .rev-sec .stock-check .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 10px;
  width: 8px;
  height: 14px;
  border: solid #17c1f3;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #fff;
  padding-bottom: 15px;
}
.product-detail .product-main .rate {
  padding-top: 16px;
  font-size: 22px;
  color: #ff4444;
  font-weight: 300;
}
.product-detail .product-main .main-btn-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-detail .product-main .main-btn-sec .qty-sec span {
  color: #545454;
  margin-right: 9px;
  font-size: 14px;
}
.product-detail .product-main .main-btn-sec .qty-sec .quantity-form {
  display: inline-block;
  position: relative;
  margin-top: 0;
}
.product-detail .product-main .main-btn-sec .qty-sec .quantity-form::after {
  content: "";
  position: absolute;
  left: 39px;
  width: 1px;
  height: 100%;
  background-color: #cccccc;
}
.product-detail .product-main .main-btn-sec .qty-sec .quantity-form::before {
  content: "";
  position: absolute;
  left: 46px;
  width: 28px;
  height: 1px;
  top: 20px;
  background-color: #cccccc;
}
.product-detail .product-main .main-btn-sec .qty-sec .quantity-form .input-btn {
  width: 46px;
  position: relative;
}
.product-detail .product-main .main-btn-sec .qty-sec .quantity-form .input-btn::after {
  content: "";
  position: absolute;
  right: 0;
  height: 20px;
  background-color: #a2a2a2;
  width: 1px;
  top: 0;
  height: 100%;
}
.product-detail .product-main .main-btn-sec .qty-sec .quantity-form input[type=number] {
  width: 80px;
  line-height: 37px;
  text-indent: 10px;
  font-weight: normal;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.product-detail .product-main .main-btn-sec .qty-sec .quantity-form .qty-plus {
  position: absolute;
  right: 15px;
  top: 4px;
  color: #828282;
}
.product-detail .product-main .main-btn-sec .qty-sec .quantity-form .qty-minus {
  position: absolute;
  right: 15px;
  bottom: 3px;
  color: #828282;
}
.product-detail .product-main .main-btn-sec .qty-sec input[type=number]::-webkit-inner-spin-button,
.product-detail .product-main .main-btn-sec .qty-sec input[type=number]::-webkit-outer-spin-button {
  opacity: 0;
}
.product-detail .product-main .main-btn-sec .cart-btn button {
  margin: 0;
  margin-bottom: 0 !important;
  border: 0;
  padding: 10px 33px;
  background-color: #17c1f3;
  color: #fff;
  font-weight: 300;
  border-radius: 28px;
  transition: 0.5s ease-out;
}
.product-detail .product-main .main-btn-sec .cart-btn button:hover {
  background-color: #338da8;
  color: #fff;
}
.product-detail .product-main .main-btn-sec .wish-btn .button--secondary,
.product-detail .product-main .main-btn-sec .wish-btn .button--secondary:visited {
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  min-width: 55px;
  font-family: inherit;
  font-size: inherit;
  line-height: 15px;
  outline: none;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  transition: background 0.1s linear;
  font-weight: 400;
  color: #0090e3;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: none;
  padding: 17px 12px;
  transition-property: border;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  border-radius: 50%;
}
footer .logo-foot img {
    width: 100%;
    max-width: 197px;
}
.product-detail .product-main .main-btn-sec .wish-btn .button--full-width {
  min-width: 385px;
}
.product-detail .product-main .main-btn-sec .wish-btn a.button.one.mobile.button--secondary.animate.active {
  border-color: #17c1f3;
  color: #17c1f3;
}
.product-detail .product-main .main-btn-sec .wish-btn .icon-with-text {
  display: inline-flex;
  align-items: flex-start;
}
.product-detail .product-main .main-btn-sec .wish-btn .icon-with-text__icon {
  flex-shrink: 0;
  margin-right: 8px;
  margin-top: -2px;
}
.product-detail .product-main .main-btn-sec .wish-btn .icon-svg--color-silver {
  fill: #cccccc;
  color: #cccccc;
}
.product-detail .product-main .main-btn-sec .wish-btn .icon-svg--color-blue {
  fill: #17c1f3;
  color: #17c1f3;
}
.product-detail .product-main .main-btn-sec .wish-btn .icon-svg {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 16px;
}
.product-detail .product-main .main-btn-sec .wish-btn .heart-full {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.product-detail .product-main .main-btn-sec .wish-btn .btn__effect {
  display: inline-block;
  position: relative;
}
.product-detail .product-main .main-btn-sec .wish-btn .effect-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(25deg);
}
.product-detail .product-main .main-btn-sec .wish-btn .effect-group .effect {
  display: block;
  position: absolute;
  top: 38%;
  left: 50%;
  width: 20px;
  transform-origin: 0px 2px;
}
.product-detail .product-main .main-btn-sec .wish-btn .effect-group .effect:nth-child(2) {
  transform: rotate(72deg);
}
.product-detail .product-main .main-btn-sec .wish-btn .effect-group .effect:nth-child(3) {
  transform: rotate(144deg);
}
.product-detail .product-main .main-btn-sec .wish-btn .effect-group .effect:nth-child(4) {
  transform: rotate(216deg);
}
.product-detail .product-main .main-btn-sec .wish-btn .effect-group .effect:nth-child(5) {
  transform: rotate(288deg);
}
.product-detail .product-main .main-btn-sec .wish-btn .effect-group .effect:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  border-radius: 1.5px;
  height: 3px;
  background: #0090e3;
}
.product-detail .product-main .main-btn-sec .wish-btn .effect-group .effect:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: 10%;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  background: #ff6600;
  transform: scale(0, 0);
}
.product-detail .product-main .main-btn-sec .wish-btn .active .heart-stroke {
  opacity: 0;
}
.product-detail .product-main .main-btn-sec .wish-btn .active .heart-full {
  opacity: 1;
}
.product-detail .product-main .main-btn-sec .wish-btn .active .icon-svg {
  animation: bounceIn 0.5s linear;
}
.product-detail .product-main .main-btn-sec .wish-btn .active .effect:before {
  animation: fireworkLine 0.5s linear 0.1s;
}
.product-detail .product-main .main-btn-sec .wish-btn .active .effect:after {
  animation: fireworkPoint 0.5s linear 0.1s;
}
.product-detail .product-main .main-btn-sec .wish-btn .broken-heart {
  position: absolute;
  left: -16px;
  top: 0;
  opacity: 0;
}
.product-detail .product-main .main-btn-sec .wish-btn .broken-heart--left {
  transform: rotate(0deg);
  transform-origin: 60% 200%;
}
.product-detail .product-main .main-btn-sec .wish-btn .broken-heart--right {
  transform: rotate(0deg);
  transform-origin: 63% 200%;
}
.product-detail .product-main .main-btn-sec .wish-btn .broken-heart--crack {
  stroke-dasharray: 15;
  stroke-dashoffset: 15;
}
.product-detail .product-main .main-btn-sec .wish-btn .deactivate .broken-heart {
  opacity: 1;
}
.product-detail .product-main .main-btn-sec .wish-btn .deactivate .broken-heart--left {
  animation: crackLeft 0.35s cubic-bezier(0.68, -0.55, 0.265, 2.85) 0.15s forwards, hide 0.25s ease-in 0.55s forwards;
}
.product-detail .product-main .main-btn-sec .wish-btn .deactivate .broken-heart--right {
  animation: crackRight 0.35s cubic-bezier(0.68, -0.55, 0.265, 2.85) 0.15s forwards, hide 0.25s ease-in 0.55s forwards;
}
.product-detail .product-main .main-btn-sec .wish-btn .deactivate .broken-heart--crack {
  animation: crack 0.2s ease-in forwards;
}
.product-detail .product-main .main-btn-sec .wish-btn .button.one.desktop:not(.active):hover .heart-stroke {
  animation: pulse 1s ease-out infinite;
}
.product-detail .product-main .main-btn-sec .wish-btn .button.two.desktop:not(.active):hover .heart-stroke {
  animation: pulseBlue 1s ease-out infinite;
}
@keyframes pulse {
  0% {
    opacity: 1;
    transform-origin: center center;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.15);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulseBlue {
  0% {
    transform-origin: center center;
    transform: scale(1);
    fill: #cccccc;
  }
  50% {
    transform: scale(1.15);
    fill: #0090e3;
  }
  100% {
    transform: scale(1);
    fill: #cccccc;
  }
}
@keyframes fireworkLine {
  0% {
    right: 20%;
    transform: scale(0, 0);
  }
  25% {
    right: 20%;
    width: 6px;
    transform: scale(1, 1);
  }
  35% {
    right: 0;
    width: 35%;
  }
  70% {
    right: 0;
    width: 4px;
    transform: scale(1, 1);
  }
  100% {
    right: 0;
    transform: scale(0, 0);
  }
}
@keyframes fireworkPoint {
  30% {
    transform: scale(0, 0);
  }
  60% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes bounceIn {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(1);
  }
}
@keyframes crackLeft {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
@keyframes crackRight {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes crack {
  0% {
    stroke-dasharray: 15;
    stroke-dashoffset: 15;
  }
  80% {
    stroke-dasharray: 15;
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.product-detail .product-main .cont-main {
  padding-top: 19px;
}
.product-detail .product-main .cont-main p {
  font-weight: 300;
  color: #7b7b7b;
  font-size: 14px;
  line-height: 25px;
}

/********************service-detail********************************/
/********************************contact**********************************************************/
.outer-contact .left-header {
  position: fixed;
  left: 0;
  height: 100vh;
  width: 136px;
  background-color: #fff;
  display: flex;
  align-items: center;
  top: 0;
  justify-content: center;
}
.outer-contact .left-header h3 {
  transform: rotate(271deg);
  font-size: 45px;
  text-align: left;
  color: #1a1a1a;
  margin: 0;
  display: flex;
}
.outer-contact .left-header h3 span {
    color: #9B5C28;
  padding-left: 7px;
}
.outer-contact .contact-main-cont {
  margin-left: 144px;
}
.outer-contact .contact-main-cont #pic3 {
  background-image: url(../images/contact.jpg);
  position: relative;
  padding: 49px 0;
}
.outer-contact .contact-main-cont #pic3:after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgb(155 92 40 / 95%);
    height: 100%;
}
.outer-contact .contact-main-cont #pic3 .container {
  position: relative;
  z-index: 1;
}
.outer-contact .contact-main-cont #pic3 .container .address-box {
  text-align: center;
  color: #fff;
  padding: 0 28px;
}
.outer-contact .contact-main-cont #pic3 .container .address-box svg {
  margin-bottom: 15px;
}
.outer-contact .contact-main-cont #pic3 .container .address-box h4 {
  color: #fff;
  font-weight: 100;
  padding-bottom: 8px;
  font-size: 20px;
}
.outer-contact .contact-main-cont #pic3 .container .address-box p {
  font-size: 16px;
  font-weight: 200;
  line-height: 26px;
  color: #ffffff;
  text-decoration: none !important;

}
.outer-contact .contact-main-cont #pic3 .container .address-box a {
  font-size: 16px;
  font-weight: 200;
  line-height: 26px;
  color: #ffffff;
  text-decoration: none !important;

  text-decoration: none !important;
  background-color: unset;
  padding: 0;
  display: block;
  color: #fff;
  margin-top: 0;
  text-align: center;
}
.outer-contact .contact-main-cont #pic3 .container .address-box .social-icons ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  background-color: #ffff;
  align-items: center;
  margin: 0;
  padding: 16px 33px;
  border-radius: 50px;
  height: 61px;
}
.outer-contact .contact-main-cont #pic3 .container .address-box .social-icons ul li a {
  line-height: 0;
}
.outer-contact .contact-main-cont #pic3 .container .address-box .social-icons ul li a:hover path {
  fill:#9b5c28;
  transition: 0.5s ease-out;
}
.outer-contact .contact-main-cont #pic3 .container .address-box .social-icons ul li a svg {
  margin-bottom: 0;
}
.outer-contact .contact-main-cont #pic3 .container .address-box.social-box {
  padding: 57px 0;
}
.outer-contact .contact-main-cont #pic3 .container .address-box:hover svg rect {
  fill: #000;
  opacity: 0.4;
  transition: 0.5s ease-out;
}
.outer-contact .contact-main-cont .contact-main {
  display: flex;
  width: 100%;
}
.outer-contact .contact-main-cont .map-outer {
  width: 70%;
}
.outer-contact .contact-main-cont .map-outer .feature.map {
  height: 100%;
}
.outer-contact .contact-main-cont .map-outer .feature.map iframe {
  height: 100%;
  width: 100%;
  border: 0;
}
.outer-contact .contact-main-cont .contact-form {
  width: 30%;
  padding: 46px 35px;
  position: relative;
}
.outer-contact .contact-main-cont .contact-form .ttl-form h3 {
  font-size: 24px;
  text-align: left;
  color: #161616;
}
.outer-contact .contact-main-cont .contact-form .ttl-form p {
  font-size: 14px;
  text-align: left;
  color: #808080;

}
.outer-contact .contact-main-cont .contact-form .form-wrapper {
  max-width: 100%;
  min-width: 100%;
  padding: 0;
  background-color: #ffffff;
}
.outer-contact .contact-main-cont .contact-form .form-group {
  position: relative;
}
.outer-contact .contact-main-cont .contact-form .form-group + .form-group {
  margin-top: 30px;
}
.outer-contact .contact-main-cont .contact-form textarea {
  height: 103px;
}
.outer-contact .contact-main-cont .contact-form .form-label {
  position: absolute;
  left: 0;
  top: 10px;
  /* color: #999; */
  background-color: #fff;
  z-index: 1;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
  font-size: 15px;
  text-align: left;
  color: #a4adb7;

}
.outer-contact .contact-main-cont .contact-form .focused .form-label {
  transform: translateY(-125%);
  font-size: 0.75em;
}
.outer-contact .contact-main-cont .contact-form .button-sub {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #9b5c28;
  border: 0;
  color: #fff;
  padding: 10px 0;
  margin: 0;

}
.outer-contact .contact-main-cont .contact-form .button-sub:hover {
  background: #ad2921;
  transition: 0.5s ease-out;
}
.outer-contact .contact-main-cont .contact-form .form-input {
  position: relative;
  padding: 12px 0px 5px 0;
  width: 100%;
  outline: 0;
  border: 0;
  font-size: 15px;
  color: #a4adb7;

  box-shadow: 0 1px 0 0 #e5e5e5;
  transition: box-shadow 150ms ease-out;
  color: #000;
  outline: none !important;
}
.outer-contact .contact-main-cont .contact-form .form-input:focus {
  box-shadow: 0 2px 0 0 #060606;
  outline: none !important;
}
.outer-contact .contact-main-cont .contact-form .form-input.filled {
  box-shadow: 0 2px 0 0 lightgreen;
}

/*****************career-page***************************/
.career-top-q .bx-quote {
  background-color: #022A3A;
  padding: 59px 45px;
  color: #fff;
}
.career-top-q .bx-quote h3 {
  color: #fff;
  line-height: 39px;
  font-size: 33px;
}

.career-section {
  padding: 50px 0;
  padding-bottom: 0;
}
.career-section .ttl-career {
  padding-bottom: 38px;
}
.career-section .ttl-career h3 {
    font-weight: bold;
    font-size: 33px;
    letter-spacing: 0em;
    line-height: 36px;
    text-align: left;
    color: #4c3c2c;
    text-transform: uppercase;
}
.career-section .ttl-career h3 span {
  color: #FF4338;
}
.career-section .box-opening-outer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  padding-bottom: 45px;
  padding-bottom: 50px;
  border-bottom: 1px solid #d8d8d8;
}
.career-section .box-opening-outer .bx-opening {
  background: #F5F5F5;
  padding: 25px 19px;
  position: relative;
  overflow: hidden;
}
.career-section .box-opening-outer .bx-opening:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: #9b5c28;
  color: #fff;
  transform: translateY(20px);
  transition: all 0.5s ease;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 100%;
}
.career-section .box-opening-outer .bx-opening:hover:after {
  opacity: 0.8;
  visibility: visible;
  transform: scale(1);
  top: 0;
  transition: all 0.5s ease;
}
.career-section .box-opening-outer .bx-opening:hover h3 {
  color: #fff;
  transition: all 0.5s ease;
}
.career-section .box-opening-outer .bx-opening:hover p {
  color: #fff;
  transition: all 0.5s ease;
}
.career-section .box-opening-outer .bx-opening:hover a {
  background-color: #ffffff;
  color: #9b5c28;
  display: table;
  transition: all 0.5s ease;
}
.career-section .box-opening-outer .bx-opening h3 {
  font-size: 26px;
  letter-spacing: -0.01em;
  line-height: 30px;
  text-align: left;
  color: #022a3a;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
.career-section .box-opening-outer .bx-opening p {
  font-size: 18px;
  line-height: 26px;
  text-align: left;
  color: #022a3a;

  font-weight: 200;
  position: relative;
  z-index: 1;
}
.career-section .box-opening-outer .bx-opening a {
  background: #9b5c28;
  color: #fff;
  padding: 5px 14px;
  display: table;
  font-size: 16px;
  transition: 0.5s ease-out;
  text-decoration: none !important;
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
.career-section .box-opening-outer .bx-opening a:hover {
  background-color: #ffffff;
  color: #9b5c28;
  display: table;
}

.career-feature .career-feature-box {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  padding-bottom: 45px;
    padding-bottom: 93px;
  border-bottom: 1px solid #d8d8d8;
}
.career-feature .career-feature-box .feature-box .cont-feature {
    display: grid
;
    justify-content: space-between;
}

.career-feature .career-feature-box .feature-box {
    background: #F0E2D9;
    padding: 18px 19px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}
.career-feature .career-feature-box .feature-box:hover svg ellipse {
    stroke: #fff;
}
.career-feature .career-feature-box .feature-box:hover svg line {
    stroke: #fff;
}
.career-feature .career-feature-box .feature-box:hover svg path {
    fill: #fff;
}
.career-feature .career-feature-box .feature-box:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
    background-color: #9B5C28;
  color: #fff;
  transform: translateY(20px);
  transition: all 0.5s ease;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 100%;
}
.career-feature .career-feature-box .feature-box:hover:after {
  opacity: 0.8;
  visibility: visible;
  transform: scale(1);
  top: 0;
  transition: all 0.5s ease;
}
.career-feature .career-feature-box .feature-box:hover svg
{
    fill: #fff;
}
.career-feature .career-feature-box .feature-box:hover svg>path {
    fill: #fff;
}
.career-feature .career-feature-box .feature-box:hover h3 {
  transition: all 0.5s ease;
      color: #fff;
}
.career-feature .career-feature-box .feature-box:hover svg {
  transition: all 0.5s ease;
}
.career-feature .career-feature-box .feature-box:hover a {
  background-color: #ffffff;
  color: #9b5c28;
  display: table;
  transition: all 0.5s ease;
}
.career-feature .career-feature-box .feature-box h3 {
    font-size: 22px;
    letter-spacing: -0.01em;
    line-height: 30px;
    text-align: left;
    color: #022a3a;
    padding-bottom: 13px;
    position: relative;
    z-index: 1;
    color: #9b5c28;
    font-weight: 600;
    text-transform: uppercase;
}
.career-feature .career-feature-box .feature-box svg {
position: relative;
    z-index: 1;
    padding-bottom: 22px;
    margin-bottom: 56px;
    width: 64px;
}
.career-feature .career-feature-box .feature-box a {
  background: #9b5c28;
  color: #fff;
  padding: 5px 14px;
  display: table;
  font-size: 16px;
  transition: 0.5s ease-out;
  text-decoration: none !important;
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
.career-feature .career-feature-box .feature-box a:hover {
  background-color: #ffffff;
  color: #9b5c28;
  display: table;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.mission-ban {
  background-color: #fff;
}

.mission-sec {
  padding: 85px 0;
}
.mission-sec .ttl-mission h3 {
  font-size: 43px;
  line-height: 48px;
  text-align: left;
  color: #fff;
  background-color: #9b5c28;
  padding: 13px 31px;
  display: table;
  padding-right: 82px;
  margin-bottom: 27px;
}
.mission-sec .ttl-mission p {
  font-size: 18px;
  line-height: 27px;
  text-align: left;
  color: #000;
 
}

.bio-sec {
  padding: 21px 0;
}
.bio-sec .bio-cont {
  background-color: #FF4338;
  width: 90%;
  margin: 0 0 0 auto;
  position: relative;
  padding: 72px 86px;
  padding-left: 217px;
}
.bio-sec .bio-cont .bio-img {
  position: absolute;
  right: 85%;
  background-color: rgba(0, 0, 0, 0.25);
  /* padding: 0 0px 33px 25px; */
  width: 258px;
  top: 0;
}
.bio-sec .bio-cont .bio-img img {
  width: 257px;
  padding-right: 23px;
  padding-bottom: 23px;
}
.bio-sec .bio-cont h3 {
  font-size: 34px;
  text-align: left;
  color: #fff;
}
.bio-sec .bio-cont h4 {
  font-size: 18px;
  letter-spacing: 0.2em;
  text-align: left;
  color: #a9a8a9;
  padding-bottom: 40px;
}
.bio-sec .bio-cont p {
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #fff;
 
}

.vision-sec .ttl-mission h3 {
  background: #022a3a;
}

.msg-sec {
  padding: 43px 0;
}
.msg-sec .msg-box {
  position: relative;
  width: 90%;
  background-color: #F2F2F2;
  margin: 0 0 0 auto;
  display: block;
  padding: 70px 53px;
  padding-left: 217px;
}
.msg-sec .msg-box .quote {
  position: absolute;
  left: 96px;
}
.msg-sec .msg-box .img-msg {
  position: absolute;
  right: 82%;
  bottom: 83px;
}
.msg-sec .msg-box .ttl-chairman {
  padding-bottom: 24px;
}
.msg-sec .msg-box .ttl-chairman h3 {
  font-size: 41px;
  line-height: 45px;
  text-align: left;
  color: #022A3A;
  position: relative;
  display: table;
  margin: 0 auto;
  padding-bottom: 15px;
}
.msg-sec .msg-box .ttl-chairman h3 span {
  color: #FF4338;
}
.msg-sec .msg-box .ttl-chairman h3:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #9b5c28;
  bottom: 0;
}
.msg-sec .msg-box p {
  font-size: 18px;
  line-height: 23px;
  text-align: left;
  color: #000;
 
  padding-bottom: 10px;
}
.msg-sec .msg-box h4 {
  font-size: 23px;
  text-align: left;
  color: #9b5c28;
  margin-top: 16px;
}
.msg-sec .msg-box h5 {
  font-size: 18px;
  letter-spacing: 0.2em;
  text-align: left;
  color: #a9a8a9;
}

.career-form-sec {
  padding: 50px 0;
}
.career-form-sec .form-ttl {
  padding-bottom: 42px;
}
.career-form-sec .form-ttl h3 {
  font-size: 41px;
  line-height: 33px;
  text-align: left;
  color: #022a3a;
  padding-bottom: 19px;
  margin-bottom: 18px;
  position: relative;
}
.career-form-sec .form-ttl h3 span {
  color: #9b5c28;
}
.career-form-sec .form-ttl h3:after {
  content: "";
  position: absolute;
  left: 0;
  width: 90px;
  background-color: #9b5c28;
  bottom: 0;
  height: 3px;
}
.career-form-sec .form-ttl p {
  font-size: 16px;
  line-height: 33px;
  text-align: left;
  color: #022a3a;

  max-width: 779px;
}
.career-form-sec .form-box {
  background-color: #F5F5F5;
  padding: 50px 50px;
}
.career-form-sec .form-box h3 {
  font-size: 24px;
  line-height: 37px;
  text-align: left;
  color: #022a3a;
  max-width: 50%;
  padding-bottom: 23px;
}
.career-form-sec .form-box .form-sec h4 {
  font-size: 24px;
  line-height: 28px;
  text-align: left;
  color: #a9a8a9;
  padding-bottom: 26px;
}
.career-form-sec .form-box .form-sec .main-outer-form .form-outer {
  display: grid;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 27px;
  padding-bottom: 33px;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box {
  padding-bottom: 24px;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box .outer-file {
  position: relative;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box .outer-file svg {
  position: absolute;
  top: 50%;
  transform: translate(21px, -13px);
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box.form-label {
  align-items: center;
  display: flex;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box.submit-sec input {
  background-color: #9b5c28;
  border: 1px solid #9b5c28;
  color: #fff;
  padding: 10px 35px;
  display: table;
  /* font-family: "Objektiv Mk2 W03 Regular" !important; */
  font-size: 24px;
  transition: 0.5s ease-out;
  text-decoration: none !important;
  width: 100%;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box.submit-sec input:hover {
  background-color: #ffffff;
  border: 1px solid #9b5c28;
  color: #9b5c28;
  display: table;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box.inputDnD .form-control-file {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 6em;
  outline: none;
  visibility: hidden;
  cursor: pointer;
  background-color: #c61c23;
  font-weight: 300 !important;
  font-size: 15px;
  color: #6d6d6d !important;

}
.career-form-sec .form-box .form-sec .main-outer-form .field-box.inputDnD .form-control-file:before {
  content: attr(data-title);
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 100%;
  /* min-height: 6em; */
  /* line-height: 2em; */
  /* padding-top: 1.5em; */
  opacity: 1;
  visibility: visible;
  padding: 26px 21px;
  text-align: center;
  border: 1px dashed #a7a7a7;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box.inputDnD .form-control-file:hover:before {
  border-style: solid;
  box-shadow: inset 0px 0px 0px 0.25em #a7a7a7;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box .outer-input {
  position: relative;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box .outer-input svg {
  position: absolute;
  right: 10px;
  top: 10px;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box label {
  font-size: 12px;
  text-align: left;
  color: #022a3a;

  width: 100%;
  padding-bottom: 10px;
  margin: 0;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box input[type=text] {
  border: 0;
  border-bottom: 1px solid #DBDBDB;
  background-color: unset;
  width: 100%;
  outline: none;
  font-size: 16px;
  text-align: left;
  color: #000;

  padding: 9px 0;
  position: relative;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box input[type=text]::placeholder {
  font-size: 16px;
  text-align: left;
  color: #a9a8a9;

}
.career-form-sec .form-box .form-sec .main-outer-form .field-box input[type=text]:focus {
  color: #9b5c28;
  border-bottom-color: #9b5c28;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box input[type=input] {
  border: 0;
  border-bottom: 1px solid #DBDBDB;
  background-color: unset;
  width: 100%;
  outline: none;
  font-size: 16px;
  text-align: left;
  color: #000;

  padding: 9px 0;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box input[type=input]::placeholder {
  font-size: 16px;
  text-align: left;
  color: #a9a8a9;

}
.career-form-sec .form-box .form-sec .main-outer-form .field-box input[type=input]:focus {
  color: #9b5c28;
  border-bottom-color: #9b5c28;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box textarea {
  border: 0;
  border-bottom: 1px solid #DBDBDB;
  background-color: unset;
  width: 100%;
  outline: none;
  font-size: 16px;
  text-align: left;
  color: #000;

  padding: 9px 0;
}
.career-form-sec .form-box .form-sec .main-outer-form .field-box textarea::placeholder {
  font-size: 16px;
  text-align: left;
  color: #a9a8a9;

}
.career-form-sec .form-box .form-sec .main-outer-form .field-box textarea:focus {
  color: #9b5c28;
  border-bottom-color: #9b5c28;
}
.csr-banner .top-banner .img-banner {
    width: 60%;
}
/*****************career-page-end***************************/
/********************************End-contact**********************************************************/
/**********************************responsive**********************************************************/
@media screen and (max-width: 1500px) {
  
    .project .project-sec h5 {
    padding-bottom: 17px;
}

.project .project-sec h3 {
    padding-bottom: 19px;
}
.project .project-sec p {
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
}
  }
@media screen and (max-width: 1400px) {

  .csr-banner .top-banner .tt-box h3 {
    font-size: 36px;
    line-height: 45px;
  }
.banner-count .slider-counter {

    left: 23%;
}


}
@media screen and (min-width: 1400px) and (max-width: 1920px) {

}
@media screen and (max-width: 992px) {
  .csr-banner .top-banner {
    display: flex;
    flex-wrap: wrap;
  }
  .header .header-menu {

    justify-content: flex-end;

}

.slider-counter
{
  display: none;
}
.banner-count .caption .desc .tag {
    font-size: 31px;
    padding-bottom: 0;
}
.banner-count .caption .desc h2 {
   
    font-size: 30px;
    line-height: 26px;
  
}
  .csr-banner .top-banner .tt-box {

    width: 100%;
  }

  .bio-sec .bio-cont {
    padding: 48px 56px;
    padding-left: 56px;
  }
    .banner-count .outer-bot-no {
        padding: 16px 26px;
    }
  .banner-count .owl-dots {
    margin-top: 29px;
  }

  .bio-sec .bio-cont h3 {
    font-size: 26px;
    text-align: left;
    color: #fff;
  }

  .bio-sec .bio-cont h4 {
    padding-bottom: 27px;
  }

  .bio-sec .bio-cont .bio-img img {
    width: 257px;
    padding-right: 0;
    padding-bottom: 0;
    padding: 20px 0;
  }

  .bio-sec .bio-cont .bio-img {
    margin-bottom: 33px;
  }

  .bio-sec .bio-cont .bio-img {
    position: unset;
    right: 85%;
    background-color: rgba(0, 0, 0, 0.25);
    /* padding: 0 0px 33px 25px; */
    width: auto;
    top: 0;
    text-align: center;
    padding: 0;
  }

  .inban-text {
    height: 181px;
    background-color: #F8F8F8;
    overflow: visible;
  }

  .msg-sec .msg-box {
    padding-left: 160px;
  }

  .career-form-sec .form-box h3 {
    font-size: 24px;
    line-height: 37px;
    text-align: left;
    color: #022a3a;
    max-width: 100%;
    padding-bottom: 23px;
  }

  .career-section .box-opening-outer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .career-feature .career-feature-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .service-main li.resp-tab-item.hor_1 h3 {
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    color: #a9a8a9;
    margin: 0;
  }

  .trading-serv .link-tr {
    background: #022a3a;
    text-align: center;
    padding: 57px 24px;
    color: #fff;
  }

  .about-top-ban .top-title .right-ttl h1 {
    font-size: 132px;
    line-height: 132px;
  }

  .outer-contact .contact-main-cont .contact-main {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .outer-contact .contact-main-cont .map-outer {
    width: 100%;
    height: 369px;
  }

  .outer-contact .contact-main-cont .contact-form {
    width: 100%;
    padding: 39px 12px;
    position: relative;
  }

  .w-manage .right-w .inner-cont .number-link .num-sec a {
    font-weight: normal;
    font-size: 23px;
    text-align: left;
    color: #9b5c28;
    text-decoration: none;
  }

  .trade1:after {
    content: "";
    position: absolute;
    width: 40%;
    background-color: #F9F8F8;
    height: 54%;
    top: 0;
    left: 0;
  }

  .w-manage .right-w .inner-cont .top-cont h5 {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    text-align: left;
    color: #022a3a;
  }
.w-manage .right-w .inner-cont .top-cont h4 {
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #9b5c28;
    margin: 0;
}

  .trade .bx-trade {
    position: relative;
    z-index: 2;
    margin-bottom: 28px;
  }

  .trade .bx-trade .ic-trade a h3 {
    transform: translate(-352px, 0px);
  }

  .about .left-abt h3 {
    font-size: 29px;
    line-height: 35px;
    text-align: left;
    color: #fff;
    padding-bottom: 21px;
  }

  .about .image-bx .link-bx h3 {
    font-weight: normal;
    font-size: 19px;
    line-height: 20px;
  }

  .about .image-bx .link-bx h3 {
    font-weight: normal;
    font-size: 19px;
    line-height: 20px;
  }

  .project .project-sec h4 {
    font-size: 20px;
  }

  .project .project-sec p {
    font-size: 15px;
    line-height: 24px;
  }

  .solution .sol-text h3 {
    font-size: 37px;
    line-height: 43px;
  }

  .about .left-abt h4 {
    font-size: 14px;
  }

  .about .image-bx .link-bx h4 {
    font-size: 14px;
  }

  .inner-banner {
    position: relative;
    height: 353px;
    overflow: hidden;
    width: 100%;
  }

  .banner-count .social {
    bottom: 188px;
    position: absolute;
    z-index: 1;
    padding: 0;
    margin: 0;
    left: 41px;
  }

  .banner-count .slider-counter {
    z-index: 3;
    bottom: 192px;
    position: absolute;
    text-align: center;
    right: 0;
    font-size: 32px;
    color: white;
    font-size: 39px;
    letter-spacing: 7px;
  }

  .banner-count .bottom-arrow {
    position: absolute;
    bottom: 221px;
    left: 0;
    z-index: 1;
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
    cursor: pointer;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
  .banner-count .bottom-arrow svg {
    width: 35px;
  }

  .banner-count .outer-bot-no {
    position: unset;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    padding: 40px 51px;
  }

  .product-cont .product-main-cont .filter-sec .filter-btn .btn-group {
    margin-bottom: 11px;
  }

  .product-cont {
    padding-top: 13px;
  }

  .product-cont .product-main-cont .filter-sec ul a {
    margin-bottom: 11px;
  }

  .product-cont .product-main-cont .filter-sec .filter-main-outer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  

  .header .logo-sec .login {
    width: 50%;
    justify-content: left;
  }

  .header .logo-sec .search-bar {
    width: auto;
  }

  .header .logo-sec .login .icon-login {
    width: auto;
  }

  .logo-image {
    padding-bottom: 23px;
  }

  .header .logo-sec .search-bar {
    width: 90%;
    padding-bottom: 20px;
  }

  .category .category-outer ul li {
    width: 24%;
  }
}
@media screen and (max-width: 768px) {
  .corporate-sec .corp-outer h3 {
    font-size: 35px;
    line-height: 51px;
  }
  .corporate-sec .box-outer .bx-cont .btm-cont {
    min-height: 32px;
}
.corporate-sec .box-outer .bx-cont .ttl h3 {
    font-size: 41px;
    padding-left: 8px;
}
.cares-sec .care-cont h3 {
    font-size: 35px;
    line-height: 45px;
}
    .banner-count .caption .desc .tag {
        font-size: 24px;
        padding-bottom: 0;
        line-height: normal;
    }
        .banner-count .caption .desc h2 {
        font-size: 25px;
        line-height: 18px;
    }
    .banner-count .outer-bot-no {

        background-color: #feeddf;

        padding: 13px 20px;
    }
    .project .project-sec {
    padding: 0px 0px;
    padding-right: 0;
    padding-top: 34px;
}
.project {
    padding: 43px 0;

}
    .project .project-sec p {
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 5px;
    }
  .csr-banner .top-banner .tt-box h3 {
    font-size: 23px;
    line-height: 34px;
  }

  .corporate-sec .corp-outer p {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #6c6c6c;
  }

  .corporate-sec .box-outer {
    grid-template-columns: repeat(1, 1fr);
  }

  .img-care {
    padding-bottom: 28px;
  }

  .certification.csr-ptr .head-cer {
    padding-bottom: 93px;
  }

  footer .logo-foot {
    text-align: center;
  }

  footer .links-outer p {
    text-align: center;
  }

  footer .social ul {
    justify-content: center;
  }

  footer .links-outer h3 {
    text-align: center;
  }

  footer .links-outer ul li {
    justify-content: center;
  }

  footer .links-outer h4 {
    text-align: center;
  }

  .about .social {
    padding-bottom: 29px;
  }

  .about .right-abt .image-bx {
    padding-top: 8px;
  }

  .about {
    padding: 17px 0;
  }

  .w-manage {
    padding-bottom: 61px;
  }

  .solution {
    padding: 47px 0;
    padding-top: 12px;
  }

  .way-main {
    padding: 35px 0 !important;
  }

  .video {
    padding-top: 30px;
  }

  .certification .head-cer h3 {
    font-size: 33px;
    line-height: 42px;
  }

  .afliate .outer-af {
    justify-content: center;
  }

  .bio-sec .bio-cont .bio-img img {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
    padding: 20px 0;
  }

  .company-news {
    padding: 40px 0;
    padding-top: 40px;
  }

  .testi {
    background-color: #F6F6F6;
    padding: 50px 0;
  }

  .client {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bio-sec .bio-cont {
    padding: 48px 40px;
    padding-left: 40px;
  }

  .bio-sec .bio-cont p {
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #fff;
   
  }

  .msg-sec .msg-box {
    position: relative;
    width: 100%;
    background-color: #F2F2F2;
    margin: 0 0 0 auto;
    display: block;
    padding: 59px 50px;
    padding-left: 50px;
  }

  .ttl-mission {
    padding-bottom: 15px;
  }

  .mission-sec .ttl-mission p {
    font-size: 16px;
    line-height: 27px;
    text-align: left;
    color: #000;
   
  }

  .msg-sec .msg-box .ttl-chairman h3 {
    font-size: 33px;
    line-height: 45px;
    text-align: left;
    color: #022A3A;
    position: relative;
    display: table;
    margin: 0 auto;
    padding-bottom: 11px;
  }

  .msg-sec .msg-box p {
    font-size: 16px;
  }

  .msg-sec .msg-box .img-msg {
    position: unset;
    right: 82%;
    bottom: 83px;
    text-align: center;
    padding-bottom: 34px;
  }

  .mission-sec .ttl-mission h3 {
    font-size: 32px;
    line-height: 41px;
  }

  .treat-sec .bx-treat ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    list-style: none;
    padding: 0;
  }

  .inban-text {
    height: 92px;
    background-color: #F8F8F8;
    overflow: visible;
  }

  .project-cont .pr-main-cont h4 {
    font-size: 20px;
    line-height: 32px;
    text-align: left;
    color: #022a3a;
    padding-bottom: 7px;
  }

  .project-cont .pr-main-cont p {
    font-size: 16px;
    line-height: 27px;
    text-align: left;
    color: #022a3a;
   
    font-weight: 100;
    padding-bottom: 12px;
  }

  .pr-img {
    padding-top: 30px;
  }

  .pr-feat .pr-sub-ttl h3 {
    font-size: 28px;
    line-height: 37px;
    text-align: left;
    color: #022a3a;
    position: relative;
    padding-bottom: 19px;
  }

  .pr-feat .feat-sub-ttl h3 {
    font-size: 27px;
    line-height: 42px;
    text-align: left;
    color: #022a3a;
    position: relative;
    padding-bottom: 20px;
    padding-top: 27px;
    margin-bottom: 34px;
  }

  .project-cont .pr-main-cont h3 {
    font-size: 33px;
    line-height: 43px;
    text-align: left;
    color: #022a3a;
    padding-bottom: 7px;
  }

  .inban-text .top-title h3 {
    font-size: 76px;
    line-height: 93px;
    text-align: left;
    color: #060606 !important;
  }

  .news-detail .head-news-det h3 {
    font-size: 24px;
  }

  .news-detail .head-news-det h5 {
    font-size: 18px;
  }

  .news-detail p {
    font-size: 16px;
    line-height: 28px;
  }

  .service-det .outer-servdet {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .service-det .outer-servdet .img-service-det {
    width: 100%;
  }

  .sec-abt-bot .left-abt-c {
    padding: 44px 15px;
  }

  .sec-abt-bot .right-abtc {
    background-color: #F9F9F9;
    padding: 44px 15px 44px 15px;
  }

  .service-det .outer-servdet .serv-det-cont {
    width: 100%;
    background-color: #FF4338;
    padding: 32px 30px;
  }

  .service-det .outer-servdet .serv-det-cont p {
  
    color: #fff;
    font-size: 16px;
    line-height: 30px;
  }
section.certification.inner-tr.detailpage-cer {
    border-bottom: 0;
}
  .supply-sec .ttl-sply h3 {
    font-size: 33px;
    line-height: 42px;
    text-align: left;
color: #022a3a;
    padding-bottom: 13px;
  }

  .supply-sec .cont-sply p {
    font-size: 16px;
    line-height: 26px;
  }

  .indus-sec .ttl-indus h3 {
    font-size: 23px;
    line-height: 40px;
  }

  .indus-sec .bx-indus ul li {
    width: 50%;
  }

  .prtnr-sec #sync1 .img-prtnrs {
    margin-bottom: 31px;
  }

  h2.resp-tab-active {
           background: #9b5c28 !important;
    color: #fff;
    border: 0 !important;
  }

  .prtnr-sec #sync1 .cont-prtnrs p {
    font-size: 16px;
    padding-bottom: 13px;
  }

  h2.resp-tab-active svg path {
    fill: #fff !important;
  }

  h2.resp-accordion:hover {
    background: #6c4729 !important;
    color: #fff;
    border: 0 !important;
  }
  h2.resp-accordion:hover svg path {
    fill: #fff !important;
  }

  h2.resp-accordion {
    font-size: 21px !important;
    text-align: left !important;
    border: 0px solid #c1c1c1 !important;
    border-top: 0px solid #c1c1c1 !important;
    margin: 0px;
    padding: 10px 15px;
    margin-bottom: 10px !important;
    transition: 0.5s ease-out;
  }

  h2.resp-accordion h3 {
    font-size: 21px;
  }

  h2.resp-accordion {
    text-align: center;
  }

  h2.resp-accordion svg {
    width: 62px;
  }

  h2.resp-accordion svg path {
    fill: #a9a8a9;
  }

  .resp-vtabs .resp-tab-content {
    border: 0px solid #C1C1C1 !important;
  }

  .trading-serv .head-tr h3 {
    font-size: 32px;
    line-height: 36px;
    text-align: left;
    color: #022a3a;
  }

  .certification {
    padding-bottom: 34px;
    padding-top: 43px;
  }

  .ban-cont {
    padding: 35px 0;
  }

  .service-main .ttl-service h3 {
    font-size: 32px;
  }

  .ban-cont p {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
    color: #fff;
  
    max-width: 703px;
  }

  .service-inban .top-title h3 {
    font-size: 41px;
    line-height: 43px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
  }

  .about-top-ban .top-title .right-ttl h1 {
    margin: 0;
    line-height: 47px;
    letter-spacing: 2px;
    font-size: 108px;
    line-height: 119px;
    text-align: center;
    color: #f2f2f2;
  
  }

  .about-top-ban {
    padding-top: 30px;
  }

  .about-top-ban .top-title .left-ttl {
    width: 100%;
  }

  .about-top-ban .top-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .about-content-sec .left-cont h3 {
    font-size: 26px;
    text-align: left;
    color: #9b5c28;
  }

  .about-content-sec .right-cont p {
    font-size: 13px;
  }

  .about-top-ban .top-title .right-ttl {
    width: 100%;
    text-align: center;
  }

  .employe-box {
    padding: 27px 0;
  }

  .employe-box .emp-box {
    background-color: #022A3A;
    color: #fff;
    display: flex;
    padding: 25px 31px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 24px;
    height: 100%;
  }

  .employe-box .emp-box .ic {
    padding-right: 16px;
    width: 100%;
  }

  .cont {
    width: 100%;
  }

  section.abt-main .right-cont {
    width: 78%;
    padding: 32px 4px;
    background-color: #fd463b;
    position: relative;
  }

  section.abt-main .left-img {
    width: 22%;
  }

  section.abt-main .right-cont.second::after {
    content: "";
    position: absolute;
    width: 84px;
  }

  section.abt-main .right-cont.first::after {
    content: "";
    position: absolute;
    width: 92px;
  }

  section.abt-main .right-cont.second {
    background-color: #de291e !important;
    padding-left: 14px;
    z-index: 1;
  }

  .outer-contact .left-header {
    position: fixed;
    left: 0;
    height: 100vh;
    width: 49px;
    background-color: #fff;
    display: flex;
    align-items: center;
    top: 0;
    justify-content: center;
  }

  .outer-contact .left-header h3 {
    transform: rotate(271deg);
    font-size: 25px;
    text-align: left;
    color: #1a1a1a;
    margin: 0;
    display: flex;
  }

  .outer-contact .contact-main-cont {
    margin-left: 49px;
  }

  .outer-contact .contact-main-cont #pic3 .container .address-box {
    text-align: center;
    color: #fff;
    padding: 0 0px;
    padding-bottom: 28px;
  }

  .outer-contact .contact-main-cont .contact-main {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .outer-contact .contact-main-cont .map-outer {
    width: 100%;
    height: 369px;
  }

  .outer-contact .contact-main-cont .contact-form {
    width: 100%;
    padding: 39px 12px;
    position: relative;
  }

  .banner-count .number-link {
    display: flex;
    position: unset;
    top: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: 100%;
    margin: 0 0 0 auto;
    background-color: #fff;
    margin-bottom: 9px;
    padding: 14px 17px;
    align-items: center;
    right: 0;
    z-index: 1;
    top: 50%;
    justify-content: space-evenly;
    transform: unset;
    margin-top: 0;
    background-color: #f1f1f1;
  }

  .career .col-md-6 {
    padding: 0 0px;
    position: relative;
    z-index: 2;
  }

  .career .career-bx {
    padding-left: unset;
    /* padding: 0 15px; */
  }

  main {
    z-index: 2;
    position: relative;
    height: 100%;
    background-color: #ffffff;
    transition: transform 0.7s ease-in-out;
    overflow-x: hidden;
  }

  .way-main .way-outer h3 {
        padding-bottom: 47px;
        font-size: 34px;
        letter-spacing: 0em;
        line-height: 45px;
        text-align: left;
        color: #f0e2d9;
        text-transform: uppercase;
        font-weight: bold;
  }
.way-main .owl-dots {
    display: none;
}
  .way-main .bx-trade h3 {
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    font-weight: 600;
    max-width: 200px;
    margin: 0 auto;
    text-align: center !important;
    margin-top: 23px;
  }

  .video .video-outer .bg-video .play-btn {
    position: absolute;
    right: 0;
    z-index: 2;
    bottom: 37%;
    left: 0;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    display: flex;
  }

  .video .video-outer .bg-video .side-box h4 {
    font-size: 21px;
    line-height: 29px;
  }

  .way-main .way-outer .owl-nav {
    position: unset;
    top: -67px;
    right: 0;
    z-index: 1;
  }

  #posts .col-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .outer-search label {
    text-align: center;
    margin: 0 auto;
    padding: 18px 0;
  }

  .trade .bx-trade .ic-trade h3 {
    font-size: 20px;
    line-height: 31px;
    text-align: center;
    color: #fff;
  }

  .product-list .select-wrapper.md-form.md-outline + label {
    position: absolute;
    top: -21px !important;
    background-color: #fbfbfb;
    padding: 2px 0px;
  }

  .news-slider .owl-nav {
    position: unset;
    top: -67px;
    right: 0;
    z-index: 1;
  }

  .company-news .box-news figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* padding: 10px 23px; */
    padding: 2px 21px;
    transform: translate3d(0, 28px, 0) translate3d(0, 28px, 0);
    padding-bottom: 30px;
  }

  .company-news .box-news figure.effect-sadie p {
    bottom: 15%;
    left: 0;
    max-width: 100%;
    width: 100%;
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    z-index: 1;
    color: #fff;
    font-size: 12px;
  
    position: relative;
    z-index: 1;
  }

  .company-news .box-news figure.effect-sadie h3 {
    /* top: 66%; */
    left: 0;
    width: 100%;
    color: #484c61;
    transition: transform 0.35s, color 0.35s;
    font-size: 17px;
    line-height: 23px;
    text-align: left;
    color: #fff;
    bottom: 10%;
    position: relative;
    z-index: 1;
  }

  .company-news .box-news figure.effect-sadie h2 {
    /* top: 50%; */
    left: 0;
    width: 100%;
    color: #484c61;
    transition: transform 0.35s, color 0.35s;
    font-size: 15px;
    line-height: 11px;
    text-align: left;
    color: #fff;
    opacity: 1;
    bottom: 36%;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
  }

  .company-news .head-news h2 {
        font-size: 24px;
        line-height: 32px;
        text-align: left;
        color: #f0e2d9;
        padding-bottom: 18px;
  }
  section.company-news.main-news-section .news-slider .news-sl a .cont-news h3 {

    font-size: 15px;
    line-height: 21px;
  }
  section.company-news.main-news-section .outer-pr-slider {
    padding: 0;
}
.outer-pr-slider {
    width: 100%;
    padding: 0 15px;
}
section.company-news.main-news-section .news-slider .news-sl a .cont-news h4 {
    font-weight: normal;
    font-size: 14px;
}
section.company-news.main-news-section .news-slider .news-sl a .cont-news {
    padding-top: 20px;
    padding: 5px 10px;
}
section.company-news.main-news-section .head-news h3 {
    font-weight: normal;
    font-size: 18px;

}
.news-slider .news-sl a .cont-news h3 {
    font-weight: normal;
    font-size: 18px;
}
section.company-news.main-news-section h2 {
    font-weight: bold;
    font-size: 25px;
}
.news-slider .news-sl {
    padding-bottom: 1px;
    padding-top: 0;
}
.certification .owl-carousel .owl-nav
{
  display: none !important;
}
.view {
    text-align: left;
    padding-bottom: 17px;
}
  .company-news .head-news h3 {
    font-size: 12px;
    text-align: left;
    color: #a9a8a9;
  
    text-transform: uppercase;
    padding-bottom: 13px;
    margin: 0;
    padding: 0;
    padding-bottom: 6px;
  }

  .career .contact .main-c h3 {
    font-size: 33px;
    line-height: 40px;
    text-align: left;
    color: #022a3a;
  }

  .select-outline.position-relative.w-100 {
    margin-bottom: 19px;
  }

  .header .logo-sec .login .icon-login {
    width: 50%;
    display: none;
  }

  .header .logo-sec .search-bar {
    width: 90%;
  }

  .header .logo-sec .login {
    width: 50%;
    justify-content: center;
  }

  .logo-image {
    padding-bottom: 23px;
    width: 100%;
    text-align: center;
  }
  .logo-image img {
    width: 155px;
  }

  .header .header-menu {
    position: relative;
    margin-top: 54px;
  }

  header .header-menu .laguage-sec {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10000;
  }

  .header .header-menu .laguage-sec a {
    padding: 7px 8px;
    color: #fff;
    background-color: #13acd9;
  }

  .header .header-menu .menu-nav .navbar-toggler {
    outline: none !important;
    background-color: white;
    border-radius: 0;
    border: 0;
  }

  .menu-nav {
    width: 100%;
  }

  .header .header-menu .menu-nav .megamenu-li {
    position: relative;
  }

  .category .category-outer ul li {
    width: 49%;
  }

  .trending-tab .product-head {
    flex-wrap: wrap;
  }

  .trending-tab .product-head .tab-sec .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .category .category-outer ul li {
    width: 49%;
  }

  .product-ad .col-md-3 {
    max-width: 100%;
  }

  .product-ad .col-md-6 {
    max-width: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
  .logo-image svg {
    width: 169px;
  }

  .header .header-menu .menu-nav .navbar-light .navbar-nav .nav-link {
    padding: 7px 11px;
  }

  .header .header-menu .menu-nav .left-mar {
    margin-left: 0px;
  }

  .header .logo-sec .search-bar {
    width: auto;
  }
}
@media screen and (max-width: 992px) {
  .header {
    padding-right: 0;
  }
    .projects-section .projects-grid.media-grid .project-card .desc {
    padding: 9px 19px;
}
.projects-section .projects-grid.media-grid .project-card .desc .project-title {
    font-size: 16px;
    line-height: 26px;
}
  .projects-section .projects-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%;
    margin: 0 auto;
}
.projects-section {
    padding: 55px 0px;
}
  .employe-box .emp-box {

    padding: 20px 31px;
 
    height: 100%;
}
.csr-banner .top-banner .img-banner {
    width: 100%;
}
.csr-banner .top-banner .tt-box {

    min-height: 228px;
}
  .way-main .bx-trade .ovrly03 {

    height: 151px;
    width: 151px;
  }
  .company-news .head-news h2 {

    font-size: 27px;
    line-height: 42px;
  }
    .logo-image {
    padding-bottom: 0px;
  }
      .header .logo-sec .search-bar {
        padding-bottom: 0;
    }
    .sticky-top {
        justify-content: flex-end !important;
    }
  .product-cont .product-main-cont .filter-sec ul {
    padding: 0;
    display: flex;
    list-style: none;
    margin: 0;
    flex-wrap: wrap;
  }

  .logo-image {
    padding-bottom: 23px;
    width: 50%;
  }
  .logo-image svg {
    width: 161px;
    height: 39px;
  }

  .header .logo-sec .login {
    width: 50%;
    justify-content: left;
  }

  .search-outer {
    width: 57px;
    position: absolute;
    right: 23px;
    top: 78px;
    z-index: 1000000;
  }

  .left-abt {
    margin-bottom: 41px;
  }

  div#mobile_nav {
        padding-top: 25px;
        position: fixed;
        left: 0;
        background-color: #fff7f2;
        top:82px;
        width: 100%;
        padding: 22px 31px;
  }
.qot a {
    margin-left: 0;
}
  .career .career-bx .cont-career {

    display: flex;
    justify-content: space-between;
    padding: 32px 28px;
    flex-wrap: wrap;
  }

  .career .career-bx .cont-career .main-h h3 {
    color: #fff;
    font-size: 25px;
    max-width: 81%;
    line-height: 30px;
  }

 .s-top {
    padding-bottom: 32px;
    display: flex;
    justify-content: flex-end;
    padding-top: 35px;
  }

  .logo-image {
    padding-bottom: 0px;
    width: 100%;
    text-align: left;
  }

  .header {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 5;
    transition: all 0.3s ease;
    background-color: #fff;
  }

  .login.cart-main {
    position: absolute;
    top: 19px;
  }

  .header .header-menu {
    position: relative;
    margin-top: 0;
  }

  .cart-new {
    background-color: rgba(243, 243, 243, 0.68);
    padding: 8px 6px;
    border-radius: 50%;
    position: relative;
  }
  .cart-new svg {
    height: 20px;
    width: 29px;
  }

  .cart-new span {
    position: absolute;
    top: -4px;
    background-color: #fff;
    padding: 9px 7px;
    border-radius: 50%;
    /* height: 19px; */
    line-height: 0px;
    font-size: 13px;
    left: 32px;
  }

  .header .logo-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
  }

  .header .logo-sec .search-bar button {
    color: #fff !important;
    background-color: rgba(212, 212, 212, 0.47) !important;
    border: 0 !important;
    border-radius: 38px !important;
    position: absolute;
    right: 0;
    height: 100%;
    padding: 5px 11px;
    font-size: 15px;
    outline: none !important;
    transition: 0.5s ease-out;
    margin: 0 !important;
    position: unset;
    top: -61px;
    height: 42px;
    left: unset;
  }

  .header .header-menu {
    position: relative;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .project .project-sec h3 {
    font-size: 28px;
    line-height: 35px;
    text-align: left;
    color: #022a3a;
    max-width: 344px;
    padding-bottom: 5px;
  }

.projects-section .projects-grid.media-grid .project-card .desc h5 {
    font-size: 17px;
    line-height: 25px;
}
      .csr-banner .top-banner .tt-box {
        min-height: 164px;
        padding: 35px 35px;
    }
  section.certification.inner-tr .cert-box img {
    width: 129px;
    margin: 0 auto;
}
.cb-video-container h4 {
    font-weight: 600;
    font-size: 19px;
}
section.certification.inner-tr .cert-box {
    padding: 40px 0;
    min-height: 160px;
}
      h2.resp-accordion {
        display: flex !important
;
        align-items: center !important;
        gap: 20px;
    }
    .resp-arrow {
   
        border-color: #ffffff;
        position: absolute;
        right: 28px;
    }
    h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #ffffff ;
    position: absolute;
    right: 28px;
}
    
    h2.resp-accordion svg {
        width: 36px;
        height: 49px;
    }
        h2.resp-accordion h3 {
        font-size: 21px;
        margin: 0;
    }
  .mission-sec-outer .info-icon {
    font-size: 30px;
    color: #b96f3a;
    text-align: left;
    margin-top: 30px;
}
.container {

    padding: 0 15px !important;
}
  .project .project-sec h4 {
    font-size: 17px;
  }

  .header.fixed-header .logo-sec {
    padding: 19px 0;
    transition: all 0.3s ease;
    padding-right: 0;
  }

  .side-menu .nav-right {
    position: fixed;
    right: 15px;
    top: 23px;
    z-index: 3;
  }

  .search-outer {
    width: 57px;
    position: absolute;
    right: 0px;
    top: 78px;
    z-index: 1000000;
  }

  .header .logo-sec .search-bar {
    width: 100%;
  }

  .banner-count .number-link .num-sec a {
    font-weight: normal;
    font-size: 27px;
    text-align: left;
    color: #9b5c28;
    text-decoration: none;
  }

  .solution .sol-text h3 {
font-size: 25px;
        line-height: 37px;ss
  }

  .w-manage .right-w {
    position: relative;
    transform: translate(0px, 0);
    padding-top: 25px;
  }

  .project .img-project {
    position: unset;
    right: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
  }
.solution .sol-text a {

    margin: 0;
}
  .banner-count .slider-counter {
    right: 0;
    font-size: 27px;
    bottom: 10px;
    display: none;
  }
.about .col-md-6.left {
    padding-right: 0;
}
.w-manage .col-md-6.right {
    padding-left: 0;
}
  .banner-count .right-slider .number-link {
    display: flex;
    /* position: absolute; */
    top: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    background-color: #fff;
    margin-bottom: 9px;
    padding: 10px 17px;
    align-items: center;
    padding-top: 21px;
  }

  .banner-count .outer-bot-no {
    position: unset;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    padding: 19px 28px;
  }

  .banner-count .right-slider .number-link .num-sec a {
    font-weight: normal;
    font-size: 25px;
    text-align: left;
    color: #9b5c28;
    text-decoration: none;
  }

  .banner-count .right-slider {
    position: unset;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1;
  }

  .banner-count .caption .desc .tag {
    font-size: 30px;
    padding-bottom: 0;
  }

  .banner-count .social ul svg {
    width: 13px;
  }

  .banner-count .tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 200;
    padding-bottom: 9px;
  }

  .banner-count .btn-gradient-bg {
    background-color: #fff;
    color: #484848;
    display: inline-block;
    padding: 5px 13px;
    border-radius: 30px;
    border-radius: 10px;
    font-size: 11px;
    transition: 0.5s ease-out;
    text-decoration: none !important;
    text-transform: uppercase;
  }

  .banner-count .desc h2 {
    padding-bottom: 4px;
    font-size: 23px;
    font-weight: 500;
  }

  .banner-count .slider-counter {
    right: 0;
    font-size: 27px;
  }

  .header-menu .menu-nav .left-mar {
    margin-left: 0;
    margin-bottom: 10px;
  }

  .collections .collction-outer {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    height: auto;
    margin-bottom: 15px;
  }

  .main-collection .bot-ic {
    display: flex;
    width: 100%;
    align-items: center;
    position: absolute;
    bottom: 19px;
    justify-content: center;
    padding: 0px 19px;
  }

  .main-collection .item-overlay .item-overlay-info {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .main-collection .item-overlay .item-overlay-info span {
    margin-right: 14px;
  }

  .paralax-bg h3 {

    font-size: 25px;
    font-weight: 200;
    color: #fff;
  }

  .paralax-bg h4 {
    color: #fff;
    font-weight: 100;
    padding-bottom: 8px;
    font-size: 13px;
  }

  .ttl-main h3 {
    font-family: "Playfair Display", serif !important;
    font-size: 21px;
    font-weight: 200;
  }

  .latest-news.arrivals .news-section .item h3 {
    font-size: 17px;
  }

  .latest-news.arrivals .arr-cart h4 {
    font-family: "Playfair Display", serif !important;
    font-size: 25px;
  }

  .latest-news .news-section .item a {
    color: #1b2437;
    font-size: 13px !important;
    border-bottom: 1px solid grey;
    text-decoration: none !important;
    transition: all 0.4s ease-in-out;
    display: table;
  }

  footer h3.copy {
    font-size: 13px;
    text-align: left;
    color: #8e8e93;
    font-weight: 100;
    margin: 0;
    padding-bottom: 11px;
  }

  footer h3.power {
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-weight: 200;
    margin: 0;
  
  }

  footer h3.power svg {
    padding-left: 10px;
    width: 68px;
  }
  footer h3.power svg g {
    fill: #fff;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  #posts .col-3 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .collections .collction-outer .content-collection h3 {
    font-size: 20px;
    font-family: "Playfair Display", serif !important;
    color: #fff;
    line-height: 38px;
  }

  .collections .collction-outer.right-bx .content-collection {
    position: absolute;
    top: unset;
    left: 18px;
    z-index: 1;
    bottom: 19px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
  #posts .col-3 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media only screen and (max-width: 600px) {
  .msg-sec .msg-box {
    position: relative;
    width: 100%;
    background-color: #F2F2F2;
    margin: 0 0 0 auto;
    display: block;
    padding: 59px 30px;
    padding-left: 30px;
  }
.projects-section .projects-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
.projects-section .section-header .section-title {
    font-size: 24px;
    line-height: 34px;
}
  .treat-sec .bx-treat ul li h4 {
    font-size: 17px;
  }

  .waster-coll .left-w-ic .left-ic-w {
    margin-right: 43px;
    padding-bottom: 30px;
  }

  .waster-coll .left-w-ic .cont-left-ic h4 {
    font-size: 20px;
    line-height: 32px;
    text-align: left;
    color: #022a3a;
    padding-bottom: 30px;
    position: relative;
  }

  .waster-coll {
    padding: 72px 1px;
    padding-bottom: 30px;
  }

  .supply-sec {
    padding: 66px 0;
    padding-top: 30px;
  }

  .recycle-sec .cont-recycle h3 {
    font-size: 19px;
    line-height: 34px;
    text-align: left;
    color: #022a3a;
    padding-bottom: 19px;
    position: relative;
    margin-bottom: 26px;
  }

  .img-recycle {
    margin-bottom: 39px;
  }

  .recycle-sec .cont-recycle ul li {
    padding-bottom: 0;
    padding-left: 15px;
    position: relative;
    margin-bottom: 19px;
   
    text-transform: uppercase;
    line-height: 26px;
    font-size: 16px;
  }

  .waster-coll .left-w-ic {
    display: flex;
    flex-wrap: wrap;
  }

  .treat-sec .bx-treat ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    list-style: none;
    padding: 0;
  }

  .career-form-sec .form-box .form-sec .main-outer-form .form-outer {
    display: grid;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 27px;
    padding-bottom: 33px;
  }

  .career-form-sec .form-box {
    background-color: #F5F5F5;
    padding: 31px 30px;
  }

  .career-form-sec .form-box h3 {
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #022a3a;
    max-width: 100%;
    padding-bottom: 23px;
  }

  .career-form-sec .form-box .form-sec h4 {
    font-size: 21px;
    line-height: 28px;
    text-align: left;
    color: #a9a8a9;
    padding-bottom: 19px;
  }

  .career-form-sec .form-ttl h3 {
    font-size: 28px;
    line-height: 37px;
  }

  .career-form-sec .form-ttl p {
    font-size: 16px;
    line-height: 29px;
  }

  .career-form-sec .form-box .form-sec .main-outer-form .field-box.submit-sec input {
    font-size: 18px;
  }

  .career-top-q .bx-quote h3 {
    color: #fff;
    line-height: 34px;
    font-size: 23px;
  }

  .career-section .ttl-career h3 {
    font-size: 30px;
    line-height: 64px;
    text-align: left;
    color: #022a3a;
  }

  .career-section .ttl-career {
    padding-bottom: 5px;
  }

  .career-section .box-opening-outer {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 18px;
  }

  .career-section .box-opening-outer .bx-opening h3 {
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 30px;
    text-align: left;
    color: #022a3a;
    padding-bottom: 1px;
    position: relative;
    z-index: 1;
  }

  .career-section .box-opening-outer .bx-opening p {
    font-size: 16px;
  }

  .career-feature .career-feature-box {
    grid-template-columns: repeat(1, 1fr);
  }

  .banner-count .slider-counter {
    right: 0;
    font-size: 27px;
    bottom: 53%;
  }

  .career-feature .career-feature-box .feature-box {
    background: #F5F5F5;
    padding: 47px 38px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .afliate .outer-af {
    max-width: 688px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    padding: 48px 0;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
  }

  .afliate .outer-af h3 {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }

  .afliate .outer-af .af-img {
    width: 50%;
  }

  .banner-count .social {
    bottom: 188px;
    position: absolute;
    z-index: 1;
    padding: 0;
    margin: 0;
    left: 41px;
    display: none;
  }

  .banner-count .bottom-arrow {
    display: none;
  }
}
@media only screen and (max-width: 415px) {
  .sidebar {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
    right: 0;
    background-color: #9b5c28;
    overflow: auto;
  }
}


.career-feature-box img{
  max-width: 50px;
  padding: 50px 0 80px 0;
}
.ma-ctac-from{
    position: relative;
}
.ma-ctac-from .ctat-frm-msg{
  position: absolute;
      top: 10px;
}