/*UI07051988*/
@media (max-width: 1699px){
.txt-tab-inn.container{padding-left: 37%;}
.how-we-left{padding: 5rem 3rem 4rem 5rem;}
}
@media (max-width: 1399px){
h1{font-size: 7rem;}
h2{font-size: 3.8rem;line-height: 3.8rem;margin-top: 1rem;}
h3{font-size: 2.8rem;line-height: 3.1rem;}
p{font-size: 1.7rem;}
.we-are-sec .heading-sec span{font-size: 3.5rem;}
.banner-text span{padding: 1.7rem 2.5rem;font-size: 5rem;line-height: 5rem;}
.we-text { padding: 5rem 0 0;}
.we-text blockquote { font-size: 3.5rem; line-height: 4rem;}
.we-text p { font-size: 1.7rem; padding: 3rem 4rem 4rem 0;}
.count-box { width: 47%; padding: 2.5rem;}
.count-box p { font-size: 1.7rem; color: #333;  padding: 2rem 0rem 2rem 0;}
.count-box strong{font-size: 5.2rem;line-height: 6rem;}
.count-box span, .heading-sec span{font-size: 2rem;}
.pdt-20 { padding-top: 15rem;}
.pdb-15, .pdb-10, .pdb-14{ padding-bottom: 8rem;}
.products-tab .nav-tabs p{font-size: 1.7rem; padding: .5rem 0 .5rem 3rem;}
.product-menu-slider{padding: 3rem 2rem 2.5rem 0;}
.products-tab .col-lg-10 figure img{width: 100%;}
.product-text p {  padding: 3rem 7rem 3rem 0;}
.Wha-We-Do-sec::before {height: 50rem;}
.Wha-We-Do-sec .heading-sec {  max-width: 38rem;}
.how-we-left li p{font-size: 2rem;line-height: 2.5rem;padding: 1.2rem 0;border-width: .1rem;}
.how-we-left { width: 40rem; padding: 5.3rem 3rem 4rem 4rem;}

.how-we-left1 { min-height: 710px; padding: 5.3rem 3rem 4rem 4rem;}
.how-we-left1 li p{font-size: 2rem;line-height: 2.5rem;padding: 1.2rem 0;border-width: .1rem;}
.how-we-left1 {width: 100%; padding: 5.3rem 3rem 4rem 4rem;}
.how-we-left1 .detail-txt-tb { max-width: 48rem;}

.detail-txt-tb { max-width: 48rem;}
.pdt-15, .pdt-13, .pdt-14{ padding-top: 8rem;}
.Moving-Towards-sec .product-text{padding-right: 5rem;}
.Moving-Towards-sec > figure{height: 75rem;}
.Moving-position figure{padding-right: 8rem;}
.happe-color-box blockquote{font-size: 2rem;line-height: 2.8rem;}
.happe-img-box blockquote{font-size: 2.2rem;line-height: 3rem;margin: 1rem 0;}
.happe-big-box blockquote{font-size: 2.5rem;line-height: 3.2rem;}
.happe-big-box .happe-date { padding: 4rem 0;}
.Happenings-sec h3{line-height: 2.5rem;margin-bottom: 3rem;font-size: 2rem;}
/* .Happenings-sec h2 { margin-bottom: 2rem;} */
.owl-nav{padding-top: 4rem;}
.happe-date p, .happe-date blockquote + span{font-size: 1.7rem;}
.How-We-tab1 .detail-txt-tb p{font-size: 1.7rem;} 
/* {font-size: 1.6rem;} */
}

@media (max-width: 1199px){
p{font-size: 1.8rem;}
h1{font-size: 6rem;}
h2{font-size: 3.4rem;line-height: 3.5rem;}
.we-text { padding: 3rem 0 0;}
.we-text p { font-size: 1.8rem; color: #333;  padding: 2rem 4rem 3rem 0;}
.count-box span, .heading-sec span {font-size: 1.8rem;}
.count-box p{padding: 1rem 0rem 1rem 0;}
.products-tab .nav-tabs p { font-size: 1.4rem;padding-left: 2rem;}
.products-tab .nav-tabs p.active::before {width: 1rem;}
.all-prod{bottom: -4.5rem;font-size: 1.8rem;}
.products-tab {margin-top: -8rem;}
.Wha-We-Do-sec::before { height: 45rem;}
.product-text p{padding-top: 2rem;}
.how-we-left { width: 34rem; padding: 3.3rem 2rem 4rem 3rem;}
.how-we-left h2 {margin-bottom: 1.8rem;}
.how-we-left ul { margin: 1rem 0 0;}
.how-we-left li p{font-size: 1.8rem;line-height: 2.2rem;padding: 1rem 0;}

.how-we-left1 {padding: 3.3rem 2rem 4rem 3rem;}
.how-we-left1 h2 {margin-bottom: 1.7rem;}
.how-we-left1 ul { margin: 1rem 0 0;}
.how-we-left1 li p{font-size: 1.8rem;line-height: 2.2rem;padding: 1rem 0;}

.detail-txt-tb { max-width: 50%;padding: 5rem;}
.detail-txt-tb p{font-size: 1.8rem;line-height: 2.6rem;}
.Moving-Towards-sec .heading-sec{max-width: 35rem;}
.product-text p { padding: 3rem 1rem 3rem 0;}
.happe-color-box blockquote { font-size: 1.8rem;  line-height: 2.5rem;}
.happe-color-box{padding: 2rem;}
.happe-big-box blockquote { font-size: 2.1rem; line-height: 2.8rem;}
.Happenings-sec .row { --bs-gutter-x: 2rem; --bs-gutter-y: 2rem; padding-right: 1rem;}

.automot_menu{flex-wrap: wrap; row-gap: 2rem;}
}

@media (max-width: 991px){

h1 { font-size: 4.8rem;}
.we-are-sec .row { padding-left: 0;}
.we-text blockquote{font-size: 3rem;line-height: 3.1rem;}
.we-text { padding: 1rem 0 3rem;}
.we-text p {font-size: 1.6rem; padding: 1rem 0rem 2rem 0;  line-height: 1.4}
.pdt-20 { padding-top: 8rem;}
.we-are-sec{padding-top: 3rem;}
.we-are-sec{padding-bottom: 0;border: 0;}
.count-box{width: 48%;margin: 1%;}

.product-text { position: static; width: 100%; text-align: center;margin-top: -4rem;}
h2 { font-size: 3.6rem;}
h3 { font-size: 3rem; line-height: 3.1rem; font-weight: 300;}
.we-are-sec .heading-sec span, .heading-sec span {  font-size: 3rem;color: #FF8800;font-weight: 300;}
.products-tab { margin-top: 2rem;}
.Wha-We-Do-sec .heading-sec { max-width: 100%; text-align: center;}
.product-text p { padding: 1.7rem 1rem 2rem 0; font-size: 1.6rem; line-height: 2rem;}
.Wha-We-Do-sec::before, .tabs-right, .collapse:not(.show) {display: none;}
.card-header { display: block;border: 0;background: none;padding: 0;margin: .7rem 0 0;}
.products-tab .tab-content > .tab-pane { display: block;opacity: 1;}
.products-tab .col-lg-2{order: 2;}
.products-tab .col-lg-10{order: 1;}
.card-header p { background: #046684; padding: 1.8rem; color:var(--colorwhite); font-size: 1.8rem; font-weight: 500; border-radius: .7rem;cursor: pointer;position: relative;}
.card-header p::before{width: .8rem;height: 1.3rem;background: url('../images/arrow-white.svg')no-repeat; position: absolute;right: 2rem;top: 0;bottom: 0;margin: auto;content: '';transform: rotate(-90deg);transition: 0.5s;}
.card-header p.collapsed::before{transform: rotate(90deg);}
.products-tab .card-body.row { padding: 4rem 2rem;}
.banner-text span { padding: 0rem 2rem; font-size: 3.6rem; line-height: 4.5rem;}
.banner-text p:first-child span{padding-top: 1rem;}
.banner-text p:last-child span{padding-bottom: 1rem;}
.banner .carousel-caption.banner-content { bottom: 8rem; left: 12%;}
.banner .carousel-indicators{justify-content: center;bottom: 5%;}
.How-We-Do-sec { display: none;}
.How-We-Do-sec1 .carousel{display: none;}
.How-We-tab1{background: none}
.How-We-tab1 .how-we-left1{margin-bottom: 0px; min-height: auto}
.Clients-We-Serve-sec{padding-top: 5rem;padding-bottom: 3rem;}
.Clients-We-Serve-sec .heading-sec{padding: 0;}
.clients-logo figure{padding: 2.2rem;}

.Moving-Towards-sec{display: grid;}
.Moving-Towards-sec .heading-sec { max-width: 100%; padding: 0; text-align: center;}
.Moving-Towards-sec .product-text {margin: 0; padding: 0;}
.Moving-position figure{position: absolute; left: 0; top: 50%; width: 50%;}
.Moving-position{position: static;width: 100%;  background: #EFEFEF;padding: 3rem 0;}
.Moving-Towards-sec > figure { height: auto;order: 2;}
.Happenings-sec{padding: 5rem 0;}
.banner.mobile-banner{display: block;}
.banner.mobile-banner .carousel-item img{width: 100%;}
}

@media (max-width:767px){
.desk-move{display: none;}
.mob-move{display: block;width: 100%;}
.Moving-position figure{display: none;}
.Happenings-sec .col-lg-8, .Happenings-sec .col-lg-4{  width: 100%;}
.Happenings-sec{padding: 3rem 0 5rem;}
.Happenings-sec h2, .Happenings-sec .col-lg-4 h3{font-size: 3rem;color: #FF8800;font-weight: 300;margin: 0;text-align: center;}
.Happenings-sec .col-lg-4 h3{margin: 3rem 0;}
.Happenings-sec .col-lg-8 h3{font-size: 3.6rem;line-height: 3.5rem;margin-top: 1rem;font-weight: 800;font-family: var(--familyWork); text-align: center;margin-bottom: 2.5rem;}
.Happenings-sec .row{padding-right: 0;}
.Happenings-sec .col-lg-8 .col-lg-6:nth-child(-n + 2){display: none;}
.happe-img-box { position: relative;}
.happe-img-box .happe-date { padding: 2rem 3rem; position: absolute; bottom: 0; z-index: 9; width: 100%;background: #000000bd;}
.happe-img-box span, .Happenings-sec span{  font-size: 1.6rem;  color:var(--colorwhite);  line-height: 1.4; font-weight: 300;}
.happe-img-box blockquote { font-size: 1.8rem; line-height: 2.8rem; margin: 0 0 1rem;  color:var(--colorwhite); font-weight: 500;}
.red-clr::before {height: .4rem;width: 6.5rem;left: 2rem;}
.happe-big-box blockquote{font-weight: 400;margin-bottom: 0;}
.happe-big-box span{color:var(--fontcolor);}
.happe-big-box blockquote::before {width: 100%;height: .2rem;}
.happe-big-box .happe-date { padding: 3rem 0;}
.View-CSR a{font-size: 1.4rem;font-weight: 600;}
.happe-color-box blockquote{color: #fff;}
.happe-date p, .happe-date blockquote + span{font-size: 1.6rem;}
.automot_menu {justify-content: flex-start;}
.automot_menu a{width: calc(33.33%)}
.banner.mobile-banner .carousel-item img{width: 100%;}
}



@media (max-width:575px){
.container{padding: 0 5%;}
.pdt-8 { padding-top: 6rem;}
.count-box { padding: 2.5rem 1.7rem;}
.count-box strong {font-size: 3rem; line-height: 3.5rem;}
.count-box span {font-size: 1.2rem;  font-weight: bold;line-height: 1.7rem;}
.count-box p {padding: .8rem 0rem 0rem 0;  font-size: 1.3rem;  line-height: 1.4rem;}
.count-box::before {background-size: 60%;}
.banner .carousel-caption.banner-content {left: 0%;}
/* .banner.desktop-banner { display: none;} */
.banner.mobile-banner .carousel-item{background-attachment: scroll;}
.how-we-left1{padding: 3rem 1.7rem !important}
.automot_menu a{width: calc(50%)}
.happe-img-box .happe-date{padding: 1.5rem 2rem}

/* UI16081996 start */
.we-are-sec .heading-sec span, .heading-sec span {font-size: 2.4rem;}
.we-text blockquote {font-size: 2.2rem;}
h1 {font-size: 3.2rem; font-weight: 700;}
h2 {font-size: 3rem; font-weight: 700;}
.Happenings-sec h3 {margin-top: 2rem;}
.Happenings-sec h3 span { color: #000; font-weight: 600;}
.Happenings-sec h2, .Happenings-sec .col-lg-4 h3 {
    font-size: 2.4rem;
}
.happe-img-box .happe-date {
    position: relative;
}
.banner-text span {
    padding: 2rem 2rem;
    font-size: 3rem;
    line-height: 4.5rem;
}
.banner-text span strong {
    white-space: pre-wrap;
}
.how-we-left1 h2 {
    font-weight: 600;
}
.banner.mobile-banner {
    position: relative;
}
/* UI16081996 end */

}

@media (max-width: 367px){
.automot_menu a{width: calc(100%)}

/* UI16081996 start */
.we-are-sec .heading-sec span, .heading-sec span {font-size: 2rem;}
.we-text blockquote {font-size: 2rem; line-height: 2.6rem;}
h1 {font-size: 3rem; font-weight: 700;}
h2 {font-size: 2.8rem; font-weight: 700;}
.Happenings-sec h3 span {color: #000;font-weight: 600;}
.Happenings-sec h3 {margin-top: 2rem;}
.count-box {
    padding: 2.5rem 1rem;
}
.side-menu {
    padding: 6rem 2rem;
}
.Happenings-sec h2, .Happenings-sec .col-lg-4 h3 {
    font-size: 2.4rem;
}
.happe-img-box .happe-date {
    position: relative;
}
.banner-text span {
    padding: 2rem 2rem;
    font-size: 2.4rem;
    line-height: 1.4;
}
.banner-text span strong {
    white-space: pre-wrap;
}
.how-we-left1 h2 {
    font-weight: 600;
}
.banner.mobile-banner {
    position: relative;
}
.banner .carousel-caption.banner-content {
    top: auto;
    bottom: calc(5% + 5rem)
}
/* UI16081996 end */

.banner .carousel-caption.banner-content{width: 90%; }
.automot_menu a{height: auto;}
.vision-mission-box>* {
    padding-block: 2.4rem;
}
}