:root {
  --theme-dark-blue: #0D213A;
  --theme-semidark-blue: #005099;
  --theme-color-blue: #0077B5;
  --light-black: #444444;
  --white: #fff;
  --black: #000;
  --bg-grey: #EFF2F7;
}
.banner p {
  text-align: center !important;
}
/* inner-banner start */
.inner-banner {width: 100%;display: block; padding: 100px 0; position: relative;overflow: hidden;}
.inner-banner::after { content: "";  position: absolute;  top: 0;  left: 0;  width: 100%; height: 100%;  background-color: var(--theme-semidark-blue);  opacity: 0.3;  z-index: -1;}
.inner-banner .inner-banner-content { width: 100%; display: block; padding-left: 17px;}
.inner-banner .inner-banner-content img { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; object-fit: cover;}
.inner-banner .inner-banner-content h2 { font-size: 46px; color: var(--white);}
/* inner-banner end */

/* contact-form start */
.contact-form {padding: 80px 0;}
.contact-form .details { width: 100%;  display: block;}
.contact-form .details, .contact-form .contact-form-box {  padding: 0 18px;}
.contact-form ul .card { flex-direction: row; padding: 25px 0;  border: none;  flex-wrap: wrap;  border-bottom: 1px solid rgb(0 0 0 / 13%);  border-radius: 0;}
.contact-form .card a {  color: #444;  font-size: 16px;  display: block;}
.contact-form .card .card-icon {background-color: #0077B5; width: 50px; height: 50px; text-align: center; display: flex;  align-items: center;  justify-content: center;  margin-right: 15px;}
.contact-form .card .card-icon img {object-fit: contain;  max-width: 100%;  padding: 11px;  transition: 0.5s;}
.contact-form .card.social-link a.card-icon { width: 30px;  height: 30px;  display: inline-block;  margin-right: 4px;  margin-top: 3px;}
.contact-form .card.social-link a.card-icon img { padding: 8px;}
.contact-form .card p {color: #444; font-size: 14px; line-height: 22px; white-space: pre-line;}
.contact-form ul .card .card-content { width: calc(100% - 75px);}
.contact-form ul li:nth-child(1) { padding-top: 0;}
.contact-form ul li:last-child { border-bottom: 0; padding-bottom: 0;}
.contact-form h2 { margin-bottom: 42px; font-size: 30px; font-weight: 500;}
.card-content h5 { margin-bottom: 7px; color: var(--light-black);}
.contact-form .contact-form-box {  width: 100%;  display: block;}
.contact-form .contact-form-box .form-control {  padding: 14px;  width: 100%;  border: 1px solid rgb(0 0 0 / 13%);  font-size: 16px;  border-radius: 0;}
.contact-form .contact-form-box .form-control:focus {border-color: #0077B5;}
.contact-form .contact-form-box textarea { resize: none;  height: 100%;}
.contact-form .contact-form-box .btn-main {margin-top: 15px !important; padding-top: 14px;  padding-bottom: 14px;  font-size: 14px;  border-radius: 0;  border: 1px solid var(--theme-color-blue);  background-color: transparent;  color: #444;}
.contact-form .contact-form-box .btn-main:hover {background-color: var(--theme-color-blue);color: var(--white); }
.iframe-map-section {  width: 100%;  display: block;  height: 400px;  box-shadow: 0 0 3px rgb(0 0 0 / 19%);}
.iframe-map-section iframe { width: 100%;  height: 100%;}
/* contact-form end */

/* about us page */
.about_page {background: var(--bg-grey); position: relative; padding: 87px 0; overflow: hidden; z-index: 1;}

.about_page .about_content { position: relative; z-index: 1; padding: 0 17px;}


.about_img {
  width: 100%;
  max-width: 428px;
  margin-left: auto;
  margin-right: 0;
  position: relative;
  z-index: 1;
}
.about_img::before {
  content: "";
  position: absolute;
  top: -87px;
  right: 0px;
  left: 89%;
  width: 200%;
  height: calc(100% + 87px + 87px);
  background: #fff;
}
.about_img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background: #fff;
  z-index: -1;
  box-shadow: -10px 10px 35px 0px rgb(13 33 58 / 10%);
  transform: rotate(37deg);
  border-radius: 60px;
}
.about_img img { filter: drop-shadow(10px 16px 6px rgba(0, 119, 181,0.2));  max-width: 100%;  object-fit: contain;}

.services_scssn .accordion-item {border: 2px solid rgb(0 119 181 / 13%); background: transparent; border-radius: 0;  position: relative;  margin-bottom: 25px;}
.services_scssn .accordion-item .accordion-header { position: relative;}
.services_scssn .accordion-item .accordion-button {background: transparent;border: none; box-shadow: none; padding: 30px 40px 30px 30px; font-size: 19px; text-transform: uppercase;  color: #444444; letter-spacing: 1.1px; position: relative; font-weight: 500; transition: 0.4s all; display: flex; align-items: center;}
.services_scssn .accordion-item .accordion-button[aria-expanded="true"] {  color: #0077B5;  padding-bottom: 20px;}
.services_scssn .accordion-item .accordion-button:before, .services_scssn .accordion-item .accordion-button:after { margin: 0;  position: absolute;  right: 24px;  color: #ffffff;  width: 10px;  height: 2px;  background: #555555; content: '';  left: auto;  transition: 0.4s all;}
.services_scssn .accordion-item .accordion-header:has(> .accordion-button[aria-expanded="true"]) { color: #0077B5;}
.services_scssn .accordion-item .accordion-button:before { width: 2px; height: 10px; right: 28px;}
.services_scssn .accordion-item .accordion-button[aria-expanded="true"]::before { height: 14px;background: #0D213A;transform: rotate(225deg);}
.services_scssn .accordion-item .accordion-button[aria-expanded="true"]::after {  background: #0D213A;  transform: rotate(225deg);  right: 22px;  width: 14px;}
.services_scssn .accordion-item .accordion-body {padding: 10px 60px 30px 140px; position: relative;}
.services_scssn .accordion-item .accordion-button img {width: 95px;  height: 73px;  object-fit: contain;  transition: 0.4s all;  margin-right: 15px;  opacity: 0.55;  padding: 7px 16px 7px 0;  border-right: 1px solid #b5b5b5;}
.services_page .container {padding: 0 14px 0 30px;}

/* industries */
.industries_scssn .industries-content { width: 100%; display: block; margin-bottom: 31px; }
.industries_scssn .industries-content .industries-img { width: 100%; max-width: 141px; height: 141px; background-color: var(--theme-color-blue); border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: 0.4s; margin: 0px auto 12px auto; }
.industries_scssn .industries-content:hover .industries-img { border-radius: 50%; }
.industries_scssn .industries-content h5 { color: var(--light-black); line-height: 20px; max-width: 160px; margin: 0px auto; font-weight: 500; text-align: center; }
.industries_scssn .industries-content .industries-img.arrow { background-color: transparent; border: 2px solid var(--theme-color-blue); }


/* industries product */
.product_page{ position: relative;}
.product_page .product_page-content h2 {line-height: 1;padding-bottom: 35px;text-align: end;font-size: 26px;margin-bottom: 18px;border-bottom: 1px solid #ededed;}
.product_page .product_page-content p {color: var(--light-black);transition: 0.4s ease-in-out;margin: 9px 0px;font-size: 17px;line-height: 1.6;font-weight: 400;}
.product_page .product_page-content h4 {color: var(--light-black);font-size: 17px;font-weight: 500;margin-top: 18px;line-height: 1.6;}
.product_page .product_page-content p>strong {font-weight: 500;font-size: 90%;}
.product_page .product_page-content ul.product_page-list {width: 100%; display: block;}
.product_page .product_page-content ul.product_page-list li {margin-bottom: 20px;}
.product_page .product_page-content ul.product_page-list li a {display: flex;align-items: center;justify-content: space-between;color: var(--light-black);transition: 0.4s ease-in-out;padding: 20px;font-size: 17px;font-weight: 500;border: 1px solid #ededed;}
.product_page .product_page-content ul.product_page-list li a:hover{ box-shadow: 0 0 20px 0 rgb(0 0 0 / 12%)}
.product_page .product_page-content ul.product_page-list li a span{width: calc(100% - 40px); border-right: 1px solid #e1e0e0; padding-right: 10px;}
.product_page .product_page-content ul.product_page-list li a img {  max-width: 32px;  transition: 0.4s;  filter: grayscale(1) brightness(1.5);  transform: scale(0.8);}
.product_page .product_page-content ul.product_page-list li a:hover img{filter:unset;   transform: scale(0.9);}
.product_page .side-bar{ box-shadow: 0 0 15px rgb(0 0 0 / 10%);  position: sticky;  top: 150px;}
.product_page .side-bar h4 button,.product_page .side-bar h4  {  padding: 10px 30px;  background: var(--theme-color-blue);  color:var(--white);  width: 100%;  text-align: left;  border: 0;  position: relative;  }
.product_page .side-bar h4 button span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 2px; background-color: var(--white); transition:all 0.4s; display: none;}
.product_page .side-bar h4 button span::after {content: ""; width: 100%; height: 100%; background-color: var(--white); position: absolute; top: 0; right: 0; transform: rotate(90deg); transition: 0.4s;}
.product_page .side-bar h4 button:not(.collapsed) span::after{ width: 16px; transform: rotate(0deg);}
.product_page .side-bar .accordion-collapse.collapse:not(.show){ display: block;}
.product_page ul.side-menu { width: 100%;  display: block;  padding: 10px 25px;}
.product_page ul.side-menu li {  padding: 10px 0;  border-bottom: 1px solid rgb(199 199 199 / 29%);}
.product_page ul.side-menu li:last-child{  border: 0;}
.product_page ul.side-menu li a,
.product_page ul.side-menu li button {  color: #444;  font-size: 16px;  font-weight: 500;  transition: 0.4s;  text-transform: capitalize;  display: block;  padding: 0 5px;  border: 0;  outline: 0;  display: block; cursor: pointer;  width: 100%;  text-align: left;}
.product_page ul.side-menu li .active{color: var(--theme-color-blue);} 
.product_page ul.side-menu.nav-tabs{border: 0;}
.product_page ul.side-menu li a:hover,
.product_page ul.side-menu li button:hover{color: var(--theme-color-blue); border-color: transparent;}
.product_page ul.side-menu li button:focus-visible{border: 0; outline: 0;}
.product_page ul.side-menu li button.active { border: 0;}
.product_page .container {padding: 0 5px 0 30px;}

/* footer start */
.footer-bottom.f-main .footer-social-media li {border-top: none;}
/* footer end */

/* 27-12-2023 */
.prodimg {
  margin: auto;
  width: fit-content;
  display: flex;
  position: relative;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 12%) !important;
  transition: 0.4s;
}
.prodimg::after {
  content: "\f00e";
  font-family: 'FontAwesome';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(0 0 0 / 35%);
  transform: scale(0.5);
  opacity: 0;
  color: #ffffff;
  font-size: 24px;
  transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prodimg:hover:after {opacity: 1;transform: scale(1); }
/* .product_page .product_page-content .data-mas+h4 {
  border-left: solid 3px #0077b5;
  padding-left: 9px;
  font-size: 18px;
} */


#exporters,
#out-sourcing,
#oem-supply-partnership,
#global-sales-marketing-and-channel-setup,
#manufacturers-representations,
#international-business-consulting  {
  margin-top: -200px;
  padding-top: 200px;
  position: relative;
  z-index: 6;

}
#out-sourcing{
  z-index: 5;
}
#oem-supply-partnership{
  z-index: 4;
}
#global-sales-marketing-and-channel-setup{
  z-index: 3;
}
#manufacturers-representations{
  z-index: 2;
}
#international-business-consulting{
  z-index: 1;
}

header .main-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu button {
  right: 0;
  position: unset;
  background: transparent;
  padding: 10px 6px;
  border-bottom: 1px solid rgb(199 199 199 / 29%);
  color: #444;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  width: 100%;
}



/* .list-area ul{display: flex;flex-wrap: wrap;}
.list-area li{margin-bottom: 10px;padding-left: 20px;font-size: 15px;line-height: 1.2;position: relative;}
.list-area li:last-child{margin-bottom: 0;}
.list-area li::before{content: '';position: absolute;top: 9px;left: 0;width: 10px;height: 1px;background: var(--theme-color-blue);transform: translateY(-50%);}
.list-area li::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: rgb(0 119 181 / 65%);
  transform: translateY(-50%) rotate(45deg);
}
.list-area.w100 li{width: 100%;}
.list-area.w50 li{width: 50%;} */


.list-area{margin: 30px 0 10px;padding: 25px 20px;border: 1px solid #ededed;}
.list-area [class*='col-']{margin-bottom: 10px;padding-left: 20px;font-size: 15px;line-height: 1.2;position: relative;}
.list-area [class*='col-']::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: rgb(0 119 181 / 65%);
  transform: translateY(-50%) rotate(45deg);
}