/*UI07051988*/
h1{font-size: 9rem;line-height: 1.1;color:var(--fontcolor);font-weight: 700;}
h2{font-size: 4.8rem;line-height: 4.8rem;font-weight: 800;position: relative;color:var(--fontcolor);margin-top: 2rem;}
h3{font-size: 3.6rem;line-height: 4.1rem;font-weight: 400;}
h4{font-size: 2.4rem;line-height: 3rem;font-weight: 700;}
h5{font-size: 1.8rem;line-height: 2.4rem;font-weight: bold;margin-bottom: 3rem;}
h6{font-size: 1.6rem;line-height: 2.4rem;font-weight: bold;}
blockquote{font-size: 2.1rem;line-height: 2.8rem;margin: 2rem 0;}
p{font-size: 2rem;line-height: 1.5;}
.banner .carousel-inner{overflow: visible;}
.banner .carousel-item{height:100%;min-height:75vh;background:no-repeat top center fixed;background-size:cover;}
.banner .carousel-item::before{content: '';position: absolute;left: 0; bottom: 0;/* height: 100%; */width: 100%;background: url(../images/gradient.svg) no-repeat;z-index: 9;background-size: cover;opacity: 0.7;}
.banner-text {display:var(--flex);flex-wrap: wrap;text-align: left;}
.banner-text span em{font-style: normal; white-space: nowrap;}
.banner-text span{background:rgb(4 102 132 / 70%);display: inline-block;padding: 2rem 4rem;font-size: 5rem;font-weight: 300;line-height: 5rem;font-family: var(--familyWork);color:var(--colorwhite); width:100%; text-align:center;}
.banner-text p{display: block;width: 100%;}
.banner-text span strong{font-weight: 300;color: #FFC400; white-space: nowrap;}
.text-bnr-inn { display: inline-block; background: #00000091;padding: 3rem;text-align: left;width: 70rem;border-left: .2rem solid #FCCF1470;margin: 12rem 0 0 -.2rem;}
.banner .carousel-caption.banner-content{padding-bottom: 0;left: 0; right: 0; width: 70%; margin: 0 auto; top: 40%;}
.mobile-banner, .m-bnr-logo{display: none;}
.banner .carousel-indicators{display:var(--flex);justify-content: flex-end;bottom: 10%;margin: 0;margin: auto;}
.banner .carousel-indicators li[data-bs-target]{text-indent: revert;border: 0;color:var(--colorwhite);background-color: #fff;height: 1rem;opacity: 0.53;width: 1rem;border-radius: 100%;}
.banner .carousel-indicators li p{color:var(--colorwhite);font-size: 3rem;margin-top: .5rem;margin-bottom: 0;line-height: 3rem;font-weight: 600;}
.banner .carousel-indicators li span{font-size: 1.6rem;font-weight: 500;}
.banner .carousel-indicators li.active[data-bs-target]{opacity: 1;border-color: #D93E3E;}
.home-video video{width: 100%;height: 100vh;object-fit: cover;}

.count-box.yellow p {
    color: #FFF;
}
 /* We Are  */
.we-are-sec{border-bottom:.1rem solid #D6D6D6;}
.we-text { padding: 6rem 0 0;}
.we-text blockquote{font-size: 4.6rem;line-height: 5.2rem;font-weight: 300;margin: 0;}
.we-text p{font-size: 2rem;color: #333;padding:  4rem 4rem 6rem 0;line-height:1.4;}
.we-are-sec .row{padding-left: 3rem;}
.count-box { width: 47%;padding: 4.3rem;background: #F5F5F5;margin: 1.5%;position: relative;}
.count-box::before{background:url('../images/corner.svg') no-repeat top right;position: absolute;right: 0;top: 0;width: 6rem;height: 6rem;content: '';}
.count-box strong{font-size: 6rem;line-height: 1.1;font-weight: 300;display: block;}
.count-box span{font-size: 2.4rem;line-height: 2.8rem;font-weight: 400;}
.count-box p{font-size: 1.8rem;color: #333;padding:  2rem 0rem 4rem 0;}
.count-box.yellow{background: #F3A100;color:var(--colorwhite);}
.count-box.light_green{background: #19BD9B;color:var(--colorwhite);}
.count-box.light_green::before, .count-box.yellow::before{display: none;}
.heading-sec span{font-size: 2.4rem;color:var(--fontcolor);font-weight: 600;}
.we-are-sec .heading-sec span{font-size: 4.8rem;color: #F3A100;font-weight: 300;}
 /* We Are  */

 /* What We Do */
 .Wha-We-Do-sec .heading-sec{ max-width: 50rem;}
.Wha-We-Do-sec{position: relative;}
.Wha-We-Do-sec::before{background: #F5F5F5;height: 55rem;position: absolute;bottom: 0;width: 100%;content: '';}
.card-header{display: none;}
.product-menu-slider{background: #046684;padding: 5rem 2rem  5rem 0;margin-top: 10rem;}
.product-menu-slider .nav-tabs { border-bottom: 0;}
.products-tab .nav-tabs p{font-family: var(--familyWork);font-size: 2.1rem;color:var(--colorwhite);font-weight: 400;cursor: pointer;position: relative;padding: 1.1rem 0 1.1rem 3rem;}
.products-tab .nav-tabs p.active{color:#FFC400 ;}
.products-tab .nav-tabs p.active::before{background: #FFC400;height: .2rem;width: 2rem;content: '';position: absolute;left: 0rem;top: 0;bottom: 0;margin: auto;}
.product-text p { padding: 4rem 7rem 4rem 0; color: #666;}
.products-tab .card-body.row{padding: 0;}
.product-text { position: absolute; width: 40rem; bottom: 25rem;}
.products-tab .col-lg-2{position: relative;}
.products-tab { margin-top: -10rem;}
.product-menu-slider .owl-nav{position: absolute;left: 0;}
.tabs-right{height: 100%;position: relative;}
.all-prod { right: 0; position: absolute; bottom: -5.5rem; font-size: 1.8rem;}
.collapse:not(.show) { display: block;}
.clients-slider{display: grid;grid-template-columns: repeat(4, 1fr);gap: 5px;grid-auto-rows: minmax(100px, auto);}
.clients-logo figure{ padding: 5rem; text-align: center; background: #F5F5F5;margin-bottom: .5rem;}
.clients-logo figure img{ mix-blend-mode: multiply;}
.Clients-We-Serve-sec .heading-sec { text-align: center; padding: 0 20%;}
.Clients-We-Serve-sec .owl-nav{padding-top: 3rem;}
.Moving-Towards-sec{/* background: url('../images/moving-banner.png') no-repeat center;background-size: cover; */max-width: 1920px;margin: auto;position: relative;}
.Moving-Towards-sec > figure{height: 91rem;}
.Moving-Towards-sec figure img{object-fit: cover;height: 100%;}
.Moving-Towards-sec .product-text { position: static; width: auto; padding-right: 12rem;padding-left: 5rem;}
.Moving-Towards-sec .product-text p{color:var(--fontcolor);}
.Moving-Towards-sec .heading-sec { max-width: 40rem;padding-left: 5rem;}
.Moving-position{position: absolute;left: 0;top: 0;padding: 9rem 0;width: 100%;}

.Moving-position figcaption a{font-size:2.4rem; font-weight: 600; color: #046684; width: fit-content; margin-inline: auto;}
.Moving-position figcaption a img{ border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.Moving-position figcaption a:hover{color: #F3A100;}
.Moving-position figcaption a:hover img{ background-color: #F3A100;}
.mob-move { display: none;}

.Happenings-sec h2{margin-bottom: 4rem;}
.Happenings-sec h3{font-size: 2.4rem;font-weight: 600;font-family: var(--familyIBM);line-height: 3rem;margin-bottom: 3rem;}
.Happenings-sec span{font-size: 2.4rem;color: #333333;display: block;font-family: var(--familyIBM);}
.happe-img-box span{font-size: 2rem; margin-bottom: 10px;}
.happe-color-box blockquote { font-size: 3rem; line-height: 4.1rem; color: #2A2A2A;margin-bottom: 0;}
.happe-color-box { padding: 2.5rem; height: 100%; border: .1rem solid #CECECE;display: grid;align-items: flex-end;position: relative;}
.happe-color-box::before{background: #F3A100;height: .6rem;width: 8rem;position: absolute;top: 3rem;left: 3rem;content: '';}
.Happenings-sec .row{--bs-gutter-x: 3rem;--bs-gutter-y: 3rem;padding-right: 2rem;}
.Happenings-sec .col-lg-4{width: 36%;}
.Happenings-sec .col-lg-8{width: 64%;}
.red-clr{background:#FF5D5D;border: 0;position: relative;}
.happe-color-box span, .happe-color-box blockquote{color: #fff;}
.red-clr::before{background: #F3A100;height: .6rem;width: 8rem;position: absolute;top: 3rem;left: 3rem;content: '';}
.red-clr span, .red-clr blockquote{color:var(--colorwhite);}
.happe-img-box .happe-date {  padding: 0rem 0rem 0;}
.happe-img-box blockquote{font-family: var(--familyIBM); font-size: 2.2rem; line-height: 3rem;font-weight: 500;color: #333333;margin-bottom: 15px;}
.happe-big-box blockquote{font-weight: 300;font-size: 3rem;line-height: 4.2rem;color: #333;position: relative;padding-bottom: 3rem;}
.happe-big-box blockquote::before{background: #19BD9B;height: .3rem;width: 20rem;position: absolute;bottom: 0;left: 0;content: '';}
.happe-big-box  .happe-date { padding: 7rem 0;}
.View-CSR a{font-size: 1.8rem;font-family: var(--familyIBM);}
.View-CSR img{margin-right: 1.5rem;}
.happe-date { padding-top: 8rem;}

.How-We-tab{position: relative;max-width: 1920px;margin: auto;}
.How-We-tab .tab-content {position: relative;}
.How-We-tab .card-body{padding: 0;}
.How-We-tab .container { position: absolute; margin: auto; top: 0; left: 0; right: 0;}
.how-we-left { width: 46rem; background: #A85E5EF0; padding: 5.3rem 3rem 8rem 5.3rem;position: relative;    z-index: 9;}
.how-we-left h2, .how-we-left span, .how-we-left p, .how-we-left a{color:var(--colorwhite);}
.how-we-left h2{margin-bottom: 2.5rem;}
.how-we-left ul{margin: 2rem 0 ;border: 0;}
.how-we-left li{width: 100%;}
.how-we-left li p{font-size: 2.4rem;line-height: 3rem;font-weight: 500;font-family: var(--familyIBM);padding: 1.5rem 0;border-bottom: .2rem solid #ffffff1f;cursor: pointer;}
.how-we-left li p.active{color: #682c2c;}
.txt-tab-inn.container { padding-left: 39%; max-width: none;background: linear-gradient(#111111e8, transparent);}
.detail-txt-tb { max-width: 60rem;  padding: 8rem 6rem 15rem;}
.detail-txt-tb span{font-size: 3rem;color:var(--colorwhite);}
.detail-txt-tb p{font-size: 2.1rem;line-height: 3rem;color:var(--colorwhite);font-weight: 400;padding: 2rem 0;}
.detail-txt-tb img{filter: invert(100);}

/* How we do new */
.How-We-Do-sec1 {display: grid;}
.How-We-Do-sec1>*{grid-area: 1/1;}
.How-We-Do-sec1 :where(.carousel, .carousel-inner, .carousel-item, .carousel-item img){height: 100%}
.How-We-Do-sec1 .carousel-item img{width: 100%; height: 100%; max-height: 900px; object-fit: cover;}
.How-We-Do-sec1 .carousel{height: 100%}
/* .How-We-tab1{position: relative;max-width: 1920px;margin: auto; background-image: url('../images/qc-cmm.webp'); background-repeat: no-repeat; background-size: cover;} */
.How-We-tab1{position: relative;max-width: 1920px;margin: auto; width: 100%; margin-top: 0}
.How-We-tab1 .tab-content {position: relative;}
.How-We-tab1 .card-body{padding: 0;}
.how-we-left1 { width: 90%; min-height: 822px; background:rgba(152, 59, 59, .9); padding: 5.3rem 3rem 8rem 5.3rem;position: relative; z-index: 9; margin-bottom: 7rem}
.how-we-left1 h2, .how-we-left span, .how-we-left p, .how-we-left a{color:var(--colorwhite);}
.how-we-left1 button.tab-btn{background: none; border: none;color:var(--colorwhite); font-size: 2.2rem; padding: 2rem 0px; border-bottom: 1px solid #fff; display: block; width: 100%; text-align: left;}
.how-we-left1 button.tab-btn[aria-expanded="true"]{color: #F3A100}
.how-we-left1 h2{margin-bottom: 2.5rem;}
.how-we-left1 li p.active{color: #682c2c;}
.how-we-left1 .heading-sec span{color: #fff;}
.how-we-left1 .heading-sec p{color: #fff;}
.How-We-tab1 .txt-tab-inn.container { padding-left: 39%; max-width: none;}
.How-We-tab1 .detail-txt-tb { max-width: 100%;  padding: 2rem 1rem;}
.How-We-tab1 .detail-txt-tb p{font-size: 1.8rem;line-height: 1.3;color:var(--colorwhite);font-weight: 300;padding-bottom: 2rem ; padding-top: 0; min-height: 95px}
.How-We-tab1 .detail-txt-tb img{filter: invert(100);}
.How-We-tab1 .collapse:not(.show){display: none;}

/* what-we-new */
.what_we_sec {padding: 10rem 0;position: relative;z-index: 9;}
.what_we_sec::before { background: #F5F5F5; height: 35%; position: absolute; bottom: 0; width: 100%; content: '';z-index: -1;}
.automotive_head {background: rgb(4 102 132 / 100%); text-align: center; padding: 1.5rem;margin-bottom: 1rem;border-radius: .5rem;}
.automotive_head h3 { margin: 0; color: #fff; font-weight: 600;font-size: 3rem;}


/* Disclaimer */

#homepopup .btn-close{font-size: 1.6rem;}
#homepopup .btn-close{font-size: 1.6rem;}
#homepopup .modal-header{padding: 1.5rem 3rem}
#homepopup .modal-body{padding: 3rem }