h1, h2, h3, h4, h5, h6 {color:#e57716;}
p {line-height: 25px;}
.yellow-background {background: #e57716;}

/********* header *********/
ul.header-info li:before{color: #e57716;}
ul.header-info li{padding: 0px 1px;}
.header-info .phn .secondary-email {margin-left: 30px; }
a.header-requestbtn{background:#e57716;}
.header1 #main-navigation-wrapper.navbar-default .navbar-nav > .open > a, .header1 #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:focus, .header1 #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:hover, .header1 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a, .header1 #main-navigation-wrapper.navbar-default .navbar-nav > li > a.active {
    color: #e57716;
}
#main-navigation-wrapper .dropdown-submenu li > a:focus, #main-navigation-wrapper .dropdown-submenu li a:hover {background: #e57716;}
.header-socials a:before{background: #e57716;}
ul.header-info {width: 79%;}
header {padding: 10px 0px 0px;}
.container.announcement-bar .row{display: flex;align-items: center;}

/********* footer *********/
ul.footer-info li::before {color: #e57716;}
ul.footer-link li a:hover {    color: #e57716 !important;}
.header-socials.footer-socials i:hover {color: #e57716;border: 2px solid #e57716;}
/*ul.footer-info { margin: 0px 50px 70px; width: auto;}*/

/********* whatsapp floating button *********/
.float-wpp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
.float-wpp img{width:35px;}
.float-wpp:hover{transform: scale(1.1);}

/********* banner *********/
.carousel-caption h1{font-size:55px;}
a.header-requestbtn.learn-more{font-size:15px;}
ul.breadcumb li a:hover {color: #e57716;}
#minimal-bootstrap-carousel.home1 .carousel-caption {background: rgba(229, 119, 22, 0.79);}
#minimal-bootstrap-carousel.home1 .carousel-caption::after {border-top: 755px solid rgba(229, 119, 22, 0.79);}
a.header-requestbtn.learn-more {background: #f1780e;}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides h1 {color: #fff;}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides p {color: #fff;}

/********* about *********/
.bestthing-section {padding: 45px 0px 63px;}
.home8Title h3 {color: #131313;}
.experienceLeft .iconText i {color: #e57716;}
.expImgTitle .row {background-color: #fff;}
.hm8paddingSection {padding: 90px 0;}
.featuredProject .titleSec { background-color: #e57716;}
.projectNameLeft { background: #ebebeb;}
.projectNameRight {background: #e57716;}
.home7Services .slick-dots li.slick-active button {background: #131313;}
.certifield-section {padding: 30px 0px 30px 0px;}

/********* Export section *********/
.export-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  max-width: 1170px;
  margin: 25px auto;
  overflow: hidden;
}

.export-section .export-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-right: 1px solid #ddd;
  flex: 1 1 33%;
  text-align: center;
  min-width: 0;
}

.export-section .export-item:last-child {border-right: none;}

.export-section .flag-slider,
.export-section .flag-name-slider {width: 100px; overflow: hidden; position: relative;}

.export-section .flag-slider ul,
.export-section .flag-name-slider ul {
  display: flex;
  padding: 0;
  margin: 0;
  gap: 5px;
  list-style: none;
  animation: slide-step 14s infinite ease-in-out;
}

.export-section .flag-slider li,
.export-section .flag-name-slider li {flex: 0 0 100px;}
.export-section .flag-slider img {width: 100px;height: 50px;object-fit: cover;border-radius: 3px;}
.export-section .flag-name-slider li {font-size: 13px;color: #222;font-weight: 600;}

/* Keyframes: Step-by-step sliding (1 item at a time) */
@keyframes slide-step {
  0%, 10%   { transform: translateX(0); }
  15%, 25%  { transform: translateX(-105px); }
  30%, 40%  { transform: translateX(-210px); }
  45%, 55%  { transform: translateX(-315px); }
  60%, 70%  { transform: translateX(-420px); }
  75%, 85%  { transform: translateX(-525px); }
  90%, 100% { transform: translateX(-630px); }
}

.export-section .text-group {display: flex;flex-direction: column;justify-content: center;text-align: left;}

.export-section .title {
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #222;
  letter-spacing: 1px;
}

.export-section .subtitle {
  font-size: 15px;
  color: #444;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
}

.export-item-subtitle {color: #000 !important;}
.export-item-title {color: #444 !important;}
.export-section .icon {width: auto;height: 40px;}
/*********Export Popup*********/
#ShipmentPortsModal .modal-body {padding: 20px;}
.modal-port-img {width: 100%;height: 80px;margin-bottom: 5px;}
#AirportModal .airport-title {font-weight: bold;font-size: 1.1em;margin-bottom: 10px;}
#AirportModal .airport-info-col:first-child {border-right: 1px solid #ddd;}

/********* Services *********/
.read-more-link{color:#e57716;}
.service-list-column:hover .read-more-link {    color: #e57716;}
.service-list-column .service-heading {border-left: 4px solid #e57716;}
ul.filter > li.active a { color: #e57716; border-bottom: 2px solid #e57716;}
ul.filter > li > a:hover, ul.filter > li > a:focus {border-bottom: 2px solid #e57716; color: #e57716;}
.view-all.slide_learn_btn.view_project_btn { background: #e57716; }

/*.isotopeSelector { display: flex; flex-direction: column; align-items: stretch; }
.isotopeSelector > .grid { flex-grow: 0; flex-shrink: 0; }
.isotopeSelector h4 { min-height: 25px; flex-shrink: 0; }
.isotopeSelector p { flex-grow: 1; min-height: 100px; margin-bottom: 0; }*/
.image-zoom-on-hover {height: 230px;overflow: hidden;display: block;position: relative;}
.image-zoom-on-hover img {width: 100%;height: 100%;object-fit: cover;}

/********* Quality *********/
a.header-requestbtn.more-infobtn:hover {border: 1px solid #e57716;}
a.header-requestbtn.more-infobtn::before {background: #e57716;}
ul.whychoose-list li {margin-bottom: 30px;}

/********* contact *********/
.contact-help {border-bottom: 4px solid #e57716;}
ul.office-information li::before {color: #e57716;}
.contact-help::after {
    background: url() no-repeat right top;
    position: absolute;
    right: 0px;
    bottom: -1px;
    width: 100px;
    height: 141px;
    content: "";
}
.form-submit-btn:hover {background: #e57716;color: #000;}
.logo-menu img {width: 160px;height: 50px;}
.header1 #main-navigation-wrapper.navbar-default .navbar-nav > li > a.active {color: #e57716;}
.service-column:hover{background:#e57716;}
.inner-pages-bnr img {height: auto;}
.get_in_01{
    background: url(../images/home6-images/service-bg-1.jpg) no-repeat center center;
    background-color: #e57716;
    background-size: auto;
    background-size: cover;
}
.carousel {background-color: #efefef;/*padding: 90px;*/}
ul.category-list li a:hover, ul.category-list li a.active-category {background: #e57716;}
.home-page-certifield-image img{max-width: 100%;}
.history-section img{max-width: 100%;}
.hight-level-section{background: rgb(241, 241, 241);}

/********* popup box start*********/
#productModal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#productModal.flex { display: flex; }
#productModal .bg-white {max-width: 1000px;width: 100%;border-radius: 12px;overflow: hidden;position: relative;}
.popup-row { display: flex; flex-direction: row; }
.popup-image {width: 50%;background: #f6f6f6;display: flex;align-items: center;justify-content: center;}
.popup-text {
  width: 50%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background: #e57716;
}

@media (max-width: 768px) {
  .popup-row { flex-direction: column; }
  .popup-image, .popup-text { width: 100%; }
}

#modalImage {border-radius: 10px;object-fit: contain;}

#prevProduct, #nextProduct {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.85);
  border: none;
  font-size: 22px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1000;
}
#prevProduct:hover, #nextProduct:hover { background: #fff; }
#prevProduct { left: 10px; }
#nextProduct { right: 10px; }

#closeModal {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
  background: none;
  border: none;
  color: #f6f6f6;
}
/********* popup box end*********/


@media only screen and (min-width: 260px) and (max-width: 991px) {
    #main-navigation-wrapper .navbar-collapse {background: #e57716;}
    #main-navigation-wrapper .nav > li > a {border-bottom: 1px solid #e57716 !important;}
    .head-section.client-head {margin: 40px 0px 40px;}
    header {padding: 0px 0px 0px;}
    /*whatsapp floating button*/
    .float-wpp {width: 50px;height: 50px;bottom: 15px;right: 15px;font-size: 26px;padding: 0;border-radius: 50%;}
    .float-wpp img {width: 28px;}
    .float-wpp:hover {transform: none;}
}

@media only screen and (min-width: 260px) and (max-width: 767px) {
    #minimal-bootstrap-carousel.home1 .carousel-caption {background: none;}
}

@media(min-width:991px) and (max-width:1200px){
    .mob-social {top: 0px;}
}

@media only screen and (min-width: 991px) {
    /*.logo .img-responsive {height: 71px;position: absolute;top: -35px;}*/
    ul.header-info {margin: 12px 0px;}
    a.header-requestbtn{margin-top: 8px;}
    ul.footer-info li{margin-right: 29px;}
}

@media only screen and (max-width: 991px) {
    .header1 .header-info .phn{width: 100%;display: flex;justify-content: center;align-items: center;}
    #minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides h1{line-height: 1.2;font-size: 35px;}
    .header1 .header-info .phn p{color: #fff;}
    header.header1 ul.header-info{width: 50%;}
    .con-btn {width: 50%; float: right;}
    ul.header-info li.address{display: none;}
    .header-mail{display: none;}
    .mob-social.display-none{display: none;}
    header{padding: 0px;}
    .header1 .announcement-bar{background: #000;}
    .header1 .header-info .phn{color: #fff;}
    ul.header-info li:before{color: #fff;float: unset;}
    li.mob-con-btn a:before{color: #000; float: unset;}
    ul.header-info li.phn{text-align: center;}
    header.header1 ul.header-info{padding: 20px 0px;}
    .con-btn {padding: 20px 30px;}
    #main-navigation-wrapper.navbar-default{margin: 0px;background: #fff;border-bottom: 1px solid;height: 95px;}
    .logo-menu img{height: 75px;}
    .navbar-default .navbar-toggle{margin: 25px 0px;}
}

@media (min-width: 768px) {
    .navbar-nav {float:unset;margin: 0;display: flex;justify-content: center;}
}

@media (max-width: 991px) {
  .ftr-section { padding: 70px 0px 0; }
  ul.footer-info { margin: 0px 15px 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  ul.footer-info li {
    margin-bottom: -20px;
  }
}

@media (max-width: 991px) {
  .announcement-bar,
  .header1 .info {display: none !important;}
  .mobile-header {display: block;}
  .mobile-topbar {background-color: #000;color: #fff;padding: 10px 15px;display: flex;justify-content: space-between;align-items: center;}
  .mobile-topbar a {color: #fff;text-decoration: none;font-weight: 500;font-size: 14px;}
  .mobile-contact-btn {background: #e57716;color: #fff !important;padding: 6px 12px;border-radius: 4px;font-size: 13px;}
  .mobile-bottombar {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
  }
  .mobile-logo img {height: 60px;}
  .navbar-toggle {border: none;background: none;}
  .navbar-toggle .icon-bar {background-color: #000;}
}

@media (min-width: 991px) {
  .mobile-header {display: none;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  ul.header-info li{padding: 0px 1px; white-space: nowrap;}
  .header-info .phn a {font-size: 13px;}
  .header-info .address p {font-size: 13px;}
}

/********* Export section *********/
@media (max-width: 450px) {
  .export-section {padding: 10px 3px;margin: auto;border-radius: 5px;}
  .export-section .export-item {gap: 5px;flex: 0 0 auto;}
  .export-section .flag-slider,
  .export-section .flag-name-slider {width: 40px;}
  .export-section .flag-slider li,
  .export-section .flag-name-slider li {flex: 0 0 40px;}
  .export-section .flag-slider img {width: 40px;height: 20px;}
  .export-section .flag-name-slider li {font-size: 5px;}
  @keyframes slide-step {
    0%, 10%   { transform: translateX(0); }
    15%, 25%  { transform: translateX(-45px); }
    30%, 40%  { transform: translateX(-90px); }
    45%, 55%  { transform: translateX(-135px); }
    60%, 70%  { transform: translateX(-180px); }
    75%, 85%  { transform: translateX(-225px); }
    90%, 100% { transform: translateX(-270px); }
  }
  .export-section .title {font-size: 5px;line-height: 1.2;}
  .export-section .subtitle {font-size: 9px;text-transform: lowercase;}
  .export-section .icon {width: auto;height: 20px;}

  /*popup*/
  .modal-dialog {width: 77%;left: 10%;right: 10%;}
  .modal-content {height: auto;}
  .modal-content1 {height: 230px;}
}

@media only screen and (min-width: 451px) and (max-width: 768px) {
  .export-section {padding: 10px 3px;margin: auto;border-radius: 5px;}
  .export-section .export-item {gap: 5px;}
  .export-section .flag-slider,
  .export-section .flag-name-slider {width: 40px;}
  .export-section .flag-slider li,
  .export-section .flag-name-slider li {flex: 0 0 40px;}
  .export-section .flag-slider img {width: 40px;height: 20px;}
  .export-section .flag-name-slider li {font-size: 10px;}
  @keyframes slide-step {
    0%, 10%   { transform: translateX(0); }
    15%, 25%  { transform: translateX(-45px); }
    30%, 40%  { transform: translateX(-90px); }
    45%, 55%  { transform: translateX(-135px); }
    60%, 70%  { transform: translateX(-180px); }
    75%, 85%  { transform: translateX(-225px); }
    90%, 100% { transform: translateX(-270px); }
  }
  .export-section .title {font-size: 6px;line-height: 1.2;}
  .export-section .subtitle {font-size: 12px;text-transform: lowercase;}
  .export-section .icon {width: auto;height: 20px;}

  /*popup*/
  .modal-dialog {width: 77%;left: 10%;right: 10%;}
  .modal-content {height: auto;}
  .modal-content1 {height: 210px;}
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
  .export-section .export-item {gap: 5px;}
  .export-section .flag-name-slider li {font-size: 12px;}
  .export-section .title {font-size: 10px;line-height: 1.2;}
  .export-section .subtitle {font-size: 12px;}

  /*popup*/
  .modal-dialog {width: 77%;left: 10%;right: 10%;}
  .modal-content {height: auto;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /*popup*/
  .modal-content {height: auto;}
}