body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}
body .container {
    max-width: 1280px;
    width: 100%;
}
.banner-space{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.dropbtn {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  .dropdown-submenu {
    position: relative;
  }
  
  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
  }

  .dropdown-content-Industries {
    display: none;
    position: absolute;
    right: 0;
    background-color: #00acc1;
    min-width: 215px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 40px;
  }
  
  .dropdown-content-Industries a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    font-weight: 600;
    line-height: 20px;
  }
  .dropdown:hover .dropdown-content-Industries {display: block;}
.header {
    padding: 12px 0px;
    position: relative;
    display: table;
    width: 100%;
}
a.dropdown-item:hover {
    background: #bde0f4 !important;
}
li.industries-item a:hover {
    background: #bde0f4;
}
  .dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #00acc1;
    min-width: 215px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 40px;
  }
  
  .dropdown-content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    font-weight: 600;
    line-height: 20px;
  }
  .dropdown:hover .dropdown-content {display: block;}
.header {
    padding: 12px 0px;
    position: relative;
    display: table;
    width: 100%;
}
/**/



/* Dropdown */

.log-drop {
    display: inline-block;
    position: relative;
    margin-top: 6px;
  }
  
  .dd-button {
    display: inline-block;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 10px 30px 10px 20px;
    background-color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
  }
  
  .dd-button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
  }
  .dd-button.btn-opex a {
    color: #222;
    font-weight: 700;
    text-decoration: none;
}
  .dd-button:hover {
    background-color: #eeeeee;
  }
  .dd-input {
    display: none;
  }
  
  .dd-menu {
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    background-color: #00acc1;
    list-style-type: none;
    z-index: 1;
  }
  
  .dd-input + .dd-menu {
    display: none;
  } 
  
  .dd-input:checked + .dd-menu {
    display: block;
  } 
  
  .dd-menu li {
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
  }
  .dd-menu li a {
    display: block;
    margin: -10px -20px;
    padding: 6px 20px;
    color: #000;
    font-weight: 700;
    text-decoration: none;
  }
  
  .dd-menu li.divider{
    padding: 0;
    border-bottom: 1px solid #cccccc;
    font-weight: 700;
  }

.btn-opex {
    padding: 5px 15px;
    background: #bde0f4;
    color: #222;
    border-radius: 3px;
    border: 1px solid transparent;
    font-weight: bold;
    width: 161px;
}
.btn-opex:hover {
    background: transparent;
    color: #2578ac; 
    border: 1px solid #2577b0;
    font-weight: bold;
}
.log-connect {
    position: relative;
    height: 100%;
}
.custome-navbar ul.navbar-nav li a.nav-link {
    font-size: 16px;
    padding: 10px 10px;
    margin: 0px 0px 0px 32px;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
}

.navigation {
    width: 100%;
    display: table;
    position: relative;
}
.custome-navbar ul.navbar-nav li.nav-item.active a, .custome-navbar ul.navbar-nav li.nav-item:hover a {
    color: rgb(37 119 177);
    background: #bde0f4;
    border-radius: 2px;
}
.fancy-title {
    font-size: 30px;
    line-height: 50px;
    color: #000;
}
.fancy-title2 {
    font-size: 26px;
    line-height:35px;
    color: #000;
}
.main-subtitle {
    width: 95%;
    margin: 0 auto;
    max-width: 1080px;
}
    .main-subtitle h1 {
        line-height: 3rem;
        font-weight: 600;
        font-size: 45px;
    }
.caption-subtitle {
    width: 75%;
    margin: 0 auto;
    max-width: 705px;
}

.fancy-title02 {
    font-size:28px;
    line-height: 32px;
    color: #484848;
    font-weight: 400;
}
.technologies-list li, .list-business ul li {
    list-style: none;
    padding: 8px 0px;
    font-size: 22PX;
    font-weight: 300;
    position: relative;
}
.list-business ul li:before {
    content: "\ecfa";
    font-family: 'boxicons' !important;
    font-size: 10px;
    vertical-align: middle;
    margin-right: 11px;
}
.list-business ul li {
	font-size: 16px;
}
.technologies-list li i {
    margin-right: 10px;
}
.technologies-list li:before {
    border-bottom: 1px solid #f0f0f0;
    width: 75%;
    height: 1px;
    position: absolute;
    content: "";
    bottom: 0;
}
.title-item {
    font-size: 18px;
    color: #222;
     margin: 0;
}
.why-box i {
    font-size: 39px;
    color: #2677ab;

}
.font-weight-300 {
    font-weight: 300!important;
}
.why-box img {
    margin-right: 5px;
    width: 45px;
    height: 45px;
}
.why-box ul li {
    margin-bottom: 5px;
}
.text-hover:hover {
    color: #fff;
    border: 1px solid #fff;
}
.divider {
    width: 100%;
    max-width: 350px;
    height: 2px;
    background: #f3f3f3;
    margin: 0 auto;
}
.bg01 {
    background: url(../images/bg01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}
.logo-list .col-lg-2 {
    width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 20%;
    max-width: 20%;
}
.counter-box span.counter, .counter-box i {
    font-size: 40px;
    font-weight: 600;
    color: #5E17EB;
}
.counter-box p {
    font-size: 22px;
    font-weight: 600;
}
.bg02 {
    background: #00ACC1;
}
.title-item01 {
    font-weight: 300;
    font-size: 26px;
}
.opexso ul, .chain-item ul {
    margin: 0;
    padding: 0;
    position: relative;
}
.opexso ul li, .chain-item ul li {
    list-style: none;
    display: block;
    position: relative;
}
.opexso ul li a, .chain-item ul li a {
    margin: 0px 0px 8px 0px;
    display: block;
    position: relative;
    color: #212529;
    font-size: 15px;
    line-height: normal;
    padding-left: 26px;
    vertical-align: middle;
    text-decoration: none;
}
.opexso ul li a i {
    position: absolute;
    top: 4px;
    left: 0;
    vertical-align: middle;
    font-size: 20px;
    text-decoration: none;
}
.chain-item ul li a i {
    font-size: 9px;
    vertical-align: middle;
    display: inline-block;
}
.bg03 {
    background: url(../images/bg03.jpg);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.list-title2 {
    font-size: 20px;
    font-weight: 500;
}
.text-blue {
    color: #5e17eb;
}
.profile-title {
    font-size: 20px;
    font-weight: 500;
}
.profile-subtitle {
    font-weight: 400;
    font-size: 17px;
    color: #929292;
}

/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev.slick-arrow {
    position: absolute;
    top: 50%;
    left: -10px;
    background: #164983;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: #fff;
     cursor: pointer;
     z-index: 9;
     border-radius: 3px;
}
.slick-next.slick-arrow {
    position: absolute;
    top: 50%;
    right: -20px;
    background: #164983;
    width: 25px;
    height: 25px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    z-index: 9;
}
.slick-list.draggable {
    margin: 0px  35px;
}
.hover-effect01 a:hover {
    color: #2577b1;
}

.copyright-footer {
    text-align: center;
}
.title-item02 {
    font-size: 16px;
    font-weight: 500;
}

/* css used 25/10/2021 */
/*25/10/2021 css used*/
#custom_table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#custom_table tr:nth-child(even){background-color: #fff;}

#custom_table tr:hover {background-color: #fff;}
.custom_colordate {
    color: #214fde;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.custom_headingtable {
    font-size: 16px;
	 line-height: 1.5;
}
.custom_paragphone {
    font-size: 22px;
	font-weight: 400;
}
.custom_btnpayment{
	background-color:#00ACC1;
	border-color:#00ACC1;
	font-size:25px;
}
.no-of-parts{
    width: 19%;
}
.custom_inputbox {
    width: 30%;
    display: inline;
	 background-color: #bde0f4;
	 border-color:#bde0f4;
}
.custom_amountbox {
	 background-color: #bde0f4;
	 border-color:#bde0f4;
}


.paragraphtable{
	font-size:12px;
}
.amount_headingtable {
    font-weight: 300;
	font-size:22px;
}
.custom_listbusiness ul li {
    color: #000!important;
	    font-weight: 400;
}
.listbusiness_ul {
    padding-left: 27px;
}
form.custom_formbusiness {
    background: #f9fafd;
    padding: 35px;
    max-width: 880px;
    width: 100%;
}
.btnsubmit-custom {
    background-color: #003e7d;
    border: #003e7d;
}
.btncancle-custom{
	background-color:#ef6262;
	border:#ef6262;
	margin-left: 15px;
}
.p-supplier {
    width: 100%;
    margin: auto;
    font-weight: 400;
    font-size: 19px;
    text-align: center;
}
.custom_icon{
    padding: 14px;
    background-color: #ed2123;
    font-size: 40px;
    color: #fff;
    width: 75px;
    height: 75px;
    border-radius: 6px;
}
.custom_icon i{
     font-size: 40px;
    font-weight: 600;
    color: #fff;
}  
.fancy-title04 {
    font-size: 20px;
    font-weight: 600;
}
.icon_p {
    font-size: 20px;
    color: #1e6bbd;
    font-weight: 500;
}
.icon_p2 {
    font-size: 18px;
}
.custom_icon01 i{
	font-size: 40px;
    font-weight: 600;
    color: red;
}
.custom_icon01{
     padding: 15px;
    font-size: 40px;
    color: #ed2123;
    border-radius: 63px;
    border: 2px solid #ed2123;
    height: 90px;
    width: 90px;
    line-height: 52px;
}
.digitalicon_p {
    color: #000;
    font-weight:600;
    font-size: 20px;
}
.p-digital{
    width: 100%;
    margin: auto;
    font-weight: 400;
    font-size: 19px;
    
}
.col-resoucecolor{
	background-color:#8c858514;
	height:300px;
}

.h3-resouce {
    font-size: 20px;
    font-weight: 400;
}
.cutomimg-fluid {
    max-width: 95%;
    height: 400px;
}
.p-makeabout {
    margin-top: -10px;
    font-weight: 400;
    font-size: 19px;
}
.supplier-center {
    display: flex;
    justify-content: center!important;
}
.copy-right {
    border-top: 1px dotted #d4cfcf;
}

/*--------registration--------*/

.placeholder::placeholder, .form-effect select {
    font-size: 14px;
    color: #cac8c8;
}
.form-effect input, .form-effect select {
    border-radius: 0;
    border: 2px solid #e0dfdf;
    height: 40px;
}
.form-effect input:focus {
    border: 2px solid #d0d0d0;
    box-shadow: none;
}
.btn-submit {
    padding: 5px 15px;
    background: #326b33;
    color: #222;
    border-radius: 30px;
    border: 1px solid transparent;
}
.bd-callout-warning {
    border-left: 4px  solid #2fb2c6!important;
}
.bd-callout {
    border: 1px solid #eee;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}
.blockquote-custome i {
    color: #2fb2c6;
    font-size: 50px;
}
.blockquote-custome h2 {
    font-size: 20px;
    color: #2fb2c6;
}
    /*
  .custom_lasttd {
    text-align: -webkit-center!important;
}   */


#no-of-parts{
    width: 19%;
}
/* 22/10/2021 Css apply for resposive view*/

@media only screen and (max-width:768px){
.fancy-title2{
   font-size: 20px;
   line-height:1.2em;
   padding-top: 10px;
}
.fancy-title{
	font-size: 21px;
    line-height: 33px;
}
    .main-subtitle h1 {
        font-size: 40px;
        line-height: 3rem;
        font-weight: 600;
    }
.text-center {
    text-align: left;
}
.center-heading {
    text-align: center!important;
}
.list-unstyled{
	margin-left: 0.5rem!important;
	float:left!important;
}
.custom-contnr-begin .mr-4 {
    margin-right: 4.5rem!important;
	float:left!important;
}
.custom-products-p {
    padding-left: 10px;
}
.title-item{
 padding-top: 25px;
}
.fancy-title-pb {
    padding-bottom: .5rem!important;
}
.p-Automotive,.p-Connect,.h2-operate{
    padding-left: 20px;
	padding-right: 20px;
}
.fancy-title02{
    font-size: 20px;
    line-height: 31px;
}
.caption-subtitle{
  margin: 0px;
  width:auto;
}

.fancy-title04{
	font-size: 15px !important;
	text-align:center !important;
}
.list-business h2 {
    padding-left: 0px !important;
}
.listbusiness_ul {
    padding-left: 27px;
}
.custom_paragphone{
	font-size: 16px;
}
.custom_formbusiness ,.btncancle-custom{
	margin-left:0px!important;
}
.text-center2,.text-center {
    text-align: center!important;
}
.p-supplier{
	padding-left: 0px!important;
    padding-right: 0px!important;
}
.p-digital{
    text-align:center;
	padding-left: 0px !important;
    padding-right: 0px !important;
	padding-top:15px !important; 
	font-size:16px;
}
.cutomimg-fluid{
	max-width:100%!important;
}
.se-bottompading {
    padding-bottom: 0px!important;
}
.text-right{
	text-align:center!important;
}
.img-solutionoperation {
    padding-left: 10px!important;
}
.navbar-nav {
    background-color:#bde0f463!important;
}
.navbar a.nav-link {
    margin: 0px!important;
}
.navbar-toggler {
    background-color: #BDE0F4;
}

.btnconnect {
    display: grid;
}
.paragpraph-auto {
    padding-left:13px;
    font-size: 15px;
}
.industries {
    /* width: 386px!important; */
    overflow-x: scroll;
}
th,td{
	padding:10px;
}
.why-box span {
    margin: 0px!important;
}
.icon_p2{
    font-size: 18px;
    padding-left: 0px!important;
    padding-right:0px!important;
}
.supplier-programsec {
    padding-bottom: 0px!important;
}
.h3-align {
    margin-left: 0px!important;
    margin-right: 0px!important;
}
}
@media only screen and (max-width:760px){
.btn-opex{
  margin-top: 20px;
}
}
@media only screen and (max-width:539px){
    .dd-button:after{
        top: 63%;
    }
    .dd-menu{
        right: 0%;
    }
    .main-subtitle h1 {
        font-size: 36px;
        line-height: 3rem;
        font-weight: 600;
    }
    }
/* 11/9/2021 css apply  */
.list-configure {
    list-style: none;
    padding-left: 0px;
    font-size: 13px;
    line-height: 2;
}
.td-qualityplan {
    max-width: 20px;
}