body {
    overflow-x: hidden;
}
.map{
    background-image: url("/images/home-images/map-bg.png");
  background-color: #cccccc;
  width:100%;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.map-heading{
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    padding-bottom: 2rem;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 1;
    pointer-events: none;
    transition: visibility 1s, opacity 1s;
}
swiper-container {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 100px;
	z-index: 0;
}

swiper-slide {
	background-position: center;
	background-size: cover;
	width: 250px;
	height: 250px;
}

swiper-slide img {
	display: block;
	width: 100%;
	border-radius:20px;
}
ul.nav.flex-column.product-list{ list-style: disc; padding-left: 24px; } .d-flex.align-items-center.mb-3.link-body-emphasis.text-decoration-none.footer-logo { width: 70%; }
.tab-content>.active {
    display: block;
    position: relative;
}
.lag_card_container {
    position: relative;
    height: 14rem;
    
}
.slick-prev:before {
    content: '\f104';
    font-family: 'FontAwesome';
}
.slick-next:before {
    content: '\f105';
    font-family: 'FontAwesome';
}
.img-fluid {
    max-width: 100%;
    height: auto;
    position:relative;
}
.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #1e3a8f;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
}
.lag_card_img {
  position: absolute;
  width: 24rem;
  height: auto;
  top: -20rem;
  left: auto;
  right: -14rem;
}

.card_txt {
    background-color: #1b317a;
    /* width: 10rem; */
}

.row_background .active {
    position: relative;
    color: #ff6600;
}

.menu_img_container {
    position: relative;
    width: 25rem;
    height: 25rem;
    /* background-color: #162077; */
}

.menu_container_background .menu_img1 {
    position: absolute;
    z-index: 1;
    width: 23rem;
    height: 23rem;
    left:1rem;
    border: 28px solid rgb(12, 13, 22);
    border-radius: 50%;
    opacity: 0.2;

}

.menu_container_background .menu_img2 {
    
    position: absolute;
    z-index: 2;
    width: 20rem;
    height: 20rem;
    top: 2.3rem;
    left: 2.5rem !important;
    border-radius: 50%;
    left: 0rem;
    background-color: #ff6600;
}

.menu_container_background .menu_img3 {
    position: absolute;
    z-index: 3;
    width: 25rem;
    left:0rem;
    transform: rotate(10deg);
}

.menu_items {
    color: white;
    font-size: 1.3rem;
    display: block;
    text-decoration: none;
}

.menu_items:hover {
    color: #ff6600 !important;
    font-weight: bold;
    font-size: 1.6rem;

}

.menu_sub_catg :hover {
    color: #ff6600 !important;
    list-style-type: none;
    text-decoration: none;
}

.menu_sub_catg {
    list-style-type: none;
    text-decoration: none;
}


.active_products:hover .menu_sub_catg {
    display: block !important;
    font-size: 0.7 !important;
    font-weight: normal;
}

.menu_prdct_link:hover .menu_prdct_icon {
    border: 1px solid #ff6600;

}



.navbar{
    background-color: #092f93;
}

.navbar_button:active{
display: block !important;
}




.leagacy_text {
    font-family: sans-serif;
    font-size: 1.8rem;
}

.moduler_range_text {
    color: #f36727;
    letter-spacing: 0.5vw;
    margin-top: 6rem;
}

video {
    width: 100%;
    height: auto;
}

audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
    display: none;
}

audio::-webkit-media-controls,
video::-webkit-media-controls {
    display: none;
}


.desk-foot{
    display:block;
}
.mob-foot{
    display:none;
}


/*pooja css starts*/
.led-pnl, .value-pnl {
   /* padding: 2rem 0;*/
}
.section-header h2 {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  position: relative;
}
/*.led-slider .led-slider-pnl{*/
/*  text-align: center;*/
/*height: auto;*/

/*background-image: linear-gradient(to top, #7283b9, #6a7bb5, #6174b1, #596cac, #5165a8, #4b5fa5, #455aa1, #3f549e, #3a4f9b, #344a99, #2e4696, #284193);*/
/*background-image: url(../images/gradient-bg.png);*/
/*padding-top: 10px;*/
/*padding: 10px 19px 0;*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/

/*}*/

/*.value-slider .value-slider-pnl {*/
/*  text-align: center;*/
/*height: 350px;*/
/*transition: all 0.5s ease-in-out;*/
/*background-image: linear-gradient(to top, #7283b9, #6a7bb5, #6174b1, #596cac, #5165a8, #4b5fa5, #455aa1, #3f549e, #3a4f9b, #344a99, #2e4696, #284193);*/
/*background-image: url(../images/gradient-bg.png);*/
/*padding-top: 10px;*/
/*padding: 10px 19px 0;*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
/*padding-top: 2.5rem;*/
    /*margin-top: 10%;*/
/*}*/
/*.led-slider .led-slider-pnl {*/
/*    margin-top: 0;*/
/*}*/
/*.led-tabs .company-pnl {*/
/*    margin-top: 2rem;*/
/*}*/
/*.led-slider .led-slider-pnl img{
  width: 55%;
  height: auto;
  margin: 0 auto;
    margin-top: 10%;
    filter: drop-shadow(0px 2px 6px #000);
  transition: all 0.5s ease-in-out;
}*/
/*.value-slider{*/
/*    width: 80%;*/
/*    margin: 0 auto;*/
/*    height: 300px;*/
/*}*/

/*.value-slider .value-slider-pnl img {*/
  /*width: 60%;*/
/*  height: auto;*/
/*  margin: 0 auto;*/
/*    filter: drop-shadow(4px 5px 5px #000000bf);*/
  /*padding-top: 2rem;*/
/*}*/

/*.led-slider.slick-initialized .slick-slide,*/
/*.value-slider.slick-initialized .slick-slide {*/
/*    margin: 0 20px;*/
/*}*/
/*.led-slider.slick-initialized .slick-slide.slick-active.slick-current .led-slider-pnl,*/
/*{*/
        /*transform: scale(1.5);*/
        /*padding-top: 2.5rem;*/
/*    background: #00000000;*/
/*}*/

/*.value-slider.slick-initialized .slick-slide.slick-active.slick-current .value-slider-pnl {*/
/*        transform: scale(1);*/
/*    background: #00000000;*/

/*}*/
/*.led-slider.slick-initialized .slick-slide.slick-current .para, .value-slider.slick-initialized .slick-slide.slick-current .para {*/
/*  padding-top: 0;*/
/*  font-size: 13px;*/
/*  line-height: 17px;*/
/*  padding: 0 58px;*/
/*}*/

/*.led-tabs .nav-pills {
    text-align: center;
    margin: 4rem auto 2rem;
    width: auto;
}
.value-tabs .nav-pills {
  text-align: center;
  margin: 4rem auto;
  width: auto;
}*/

.tabs-main-div .nav-pills {
  text-align: center;
  margin: 2rem auto 2rem;
  width: auto;
  border: 1px solid #6a7cb2;
  border-radius: 50px;
  padding: 4px 0;
}
.led-tabs .nav-pills .nav-link.active, .led-tabs .nav-pills .show > .nav-link,
.value-tabs .nav-pills .nav-link.active, .value-tabs .nav-pills .show > .nav-link, .modular-tabs .nav-pills .nav-link.active, .modular-tabs .nav-pills .show > .nav-link, .mcb-tabs .nav-pills .nav-link.active, .mcb-tabs .nav-pills .show > .nav-link {
    border-radius: 20px;
    background: linear-gradient(to top, #092f93 50%, #ff6600 150%);
font-weight: 600;
border-color: transparent;
color: #fff;
}
.led-tabs .nav-item,
.value-tabs .nav-item {
  margin: 0 10px;
}
.led-slider .slick-next::before,
.value-slider .slick-next::before,
.modular-slider .slick-next::before,
.mcb-slider .slick-next::before {
  content: '\f105';
  font-family: FontAwesome;
}
.led-tabs .nav-pills .nav-link,
.value-tabs .nav-pills .nav-link {
   color: #e4731d;
border-radius: 20px;
margin: 0 10px;
font-weight: bold;
}
.led-slider .slick-prev::before,
.value-slider .slick-prev::before,
.modular-slider .slick-prev::before,
.mcb-slider .slick-prev::before {
  content: '\f104';
  font-family: FontAwesome;
}
.led-slider .led-slider-pnl p, .value-slider .value-slider-pnl p {
  margin: 0px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
.para {
  font-size: 16px;
  color: #fff;
  padding: 2rem 40px 0;
  display: block;
}
.timeline-img {
    width: 33%;
    position: absolute;
    left: 13%;
}
.timeline-pnl {
  width: 81%;
  margin: 0 auto;
}

.timeline-inner {
  position: relative;
  width: 90%;
  margin: 2rem;
  background-color: #08136000;
  /* margin-top: 36%; */
}

.timeline-data {
  width: 100%;
  display: inline-block;
  padding: 2rem 19rem 2rem 2rem;
  color: #fff;
  margin-top: 22.5%;
  background-color: linear-gra;
  background: linear-gradient(91deg, #3b5bbdbf,#dbdbdbbd);
}

h4 .timeline-data{
  font-size: 2rem;
  text-align: center;
}
.timeline-data p {
  margin-bottom: 0;
  font-size: 19px;
}
.timeline-person {
  position: absolute;
  top: 0px;
  right: -9rem;
  width: 49%;
}
.company-pnl, .company-pn2 {
  text-align: center;
  margin: 0rem auto 1rem;
}
#valuesrange {
    position: relative;
}

.value-tabs .company-pnl img{
    width: 14%;
}
.company-pnl img {
  width: 14%;
}
.company-pnl.status-logo img{
    width: 12%;
}
.company-pn2 img {
  width: 22%;
}
.company-pnl p {
  font-size: 23px;
  color: #fff;
  margin-top: 1rem;
  font-weight: 100;
}
.timeline-pnl {
    position: relative;
}
.modular-slider-pnl img,
.mcb-slider-pnl img,
.value-slider-pnl img,
.led-slider-pnl img{
  width: 40%;
  text-align: center;
  margin: 0 auto;
  transition: all 1s ease-in-out;
  filter: drop-shadow(4px 5px 5px #000000bf);
  opacity: 0.8;
  transform: scale(0.7);
}
/*.led-slider-pnl img {*/
/*    transform: scale(1);*/
/*}*/
/*.modular-slider .slick-slide.slick-current.slick-active.slick-center .modular-slider-pnl{*/
/*    margin-top: 0rem;*/
/*} */
/*.mcb-slider .slick-slide.slick-current.slick-active.slick-center .mcb-slider-pnl {*/
/*    margin-top: 0rem;*/
/*}*/
.modular-slider .slick-slide.slick-current.slick-active.slick-center img, .mcb-slider .slick-slide.slick-current.slick-active.slick-center img,
.led-slider .slick-slide.slick-current.slick-active.slick-center img{
   transform: scale(1); 
  /*width: 45%;*/
  opacity: 1;
}
/*.led-slider .slick-slide.slick-current.slick-active.slick-center img {*/
/*  transform: scale(1);*/
/*}*/
/*.value-slider.slick-initialized .slick-slide.slick-current.slick-active.slick-center img {*/
/*  opacity: 1;*/
/*}*/
/*.mcb-slider .slick-slide.slick-current.slick-active.slick-center img {*/
/*    transform: scale(1);*/
/*}*/
.modular-slider.slick-initialized .slick-slide,
.mcb-slider.slick-initialized .slick-slide{
  height: auto;
}
.modular-slider-pnl, .mcb-slider-pnl {
  /* background-color: transparent; */
  /* padding: 2rem; */
  /* transform: scale(0.8); */
  /* margin-top: 0rem; */
}
/*.mcb-slider-pnl {*/
/*    margin-top: 2rem;*/
/*}*/
.modular-slider-pnl p, .mcb-slider-pnl p {
  font-size: 20px;
  text-align: center;
  color: #fff;
  margin-top: 1rem;
  font-weight: 600;
}
/*.modular-slider .slick-slide.slick-current.slick-active.slick-center p {*/
/*    margin-top: 4rem;        */
/*}*/
/*.mcb-slider .slick-slide.slick-current.slick-active.slick-center p {*/
/*    margin-top: 6rem;*/
/*}*/
/*.mcb-tabs .company-pnl {*/
/*    margin-top: 4rem;*/
/*}*/
/*.modular-tabs .nav-pills
 {
  text-align: center;
  margin: 4rem auto 2rem;
  width: auto;
}

.mcb-tabs .nav-pills {
  text-align: center;
  margin: 4rem auto 2rem;
  width: auto;
}*/
/*.modular-tabs .nav-pills .nav-link.active, .modular-tabs .nav-pills .show > .nav-link, 
.mcb-tabs .nav-pills .nav-link.active, .mcb-tabs .nav-pills .show > .nav-link {
  border-radius: 20px;
    background:linear-gradient(to top, #ff9046 10%, #f52f02 120%);
font-weight: 600;
border-color: transparent;
}*/
.modular-tabs .nav-pills .nav-link, .value-tabs .nav-pills .nav-link, .mcb-tabs .nav-pills .nav-link, .value-tabs .nav-pills .nav-link {
  color: #e4731d;
  border-radius: 20px;
  margin: 0 10px;
  font-weight: 600;
  font-size: 16px;
}
.timeline-sc, .modular-sc, .led-sc, .mcb-sc, .value-sc,
.company-culture-sc, .company-culture-sc, .client-sc, .counter-sc {
    padding: 3rem 0;
   /* border-bottom: 2px solid #fff;*/
}
.timeline-sc {
    padding: 4rem 0;
}
.company-culture-sc {
    padding: 5rem 0 4rem;
}
.left-arrow-sc {
    position: relative;
    z-index: -1;
}
.left-arrow-sc::after {
  content: '';
  background-image: url(../images/left-arrow.png);
  background-repeat: no-repeat;
  width: 362px;
  height: 902px;
  display: block;
  position: absolute;
  top: -36rem;
  right: 0;
  background-size: cover;
  z-index: -1;
}
.right-arrow-sc::after {
  content: '';
  background-image: url(../images/right-arrow.png);
  background-repeat: no-repeat;
  width: 500px;
  height: 902px;
  display: block;
  position: absolute;
  top: 0;
  left: -8rem;
  background-size: cover;
  z-index: -1;
}
.right-arrow-sc-product {
    position: relative;
    z-index: -1;
}
.right-arrow-sc-product::after {
    content: '';
    background-image: url(../images/right-arrow.png);
    background-repeat: no-repeat;
    width: 500px;
    height: 902px;
    display: block;
    position: absolute;
    top: -26rem;
    left: -17rem;
    background-size: cover;
    z-index: -1;
}
/*.mcb-slider, .modular-slider, .led-slider, . {*/
/*  width: 80%;*/
/*  margin: 0 auto;*/
/*  height: 350px;*/
/*}*/
.tabs-main-div {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  display: flex;
}
.timeline-div{
    width:100%;
    clear:both;
    float:left;
    margin-top:9rem;
}
.timeline-slider .text-white {
  padding-right: 7rem;
  font-size: 18px;
}
.timeline-slider .text-white h2 {
    margin-bottom: 20px;
}
.abc {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.abc img {
    transform: scale(1.4);
}
.xyz {
    width: 49%;
display: inline-block;
vertical-align: middle;
}
/*.led-slider {*/
/*  width: 70%;*/
/*  margin: 0 auto;*/
/*}*/
.menu_container_background {
  height: 100vh;
}
.about-heading {
    width: 55%;
margin: 2rem auto 2rem;
text-align: center;
display: block;
}
.pulse-button {
  display: block;
  width: 45px;
  height: 45px;
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 45px;
  color: white;
  border: none;
  border-radius: 50%;
  background: #3652aa;
  cursor: pointer;
  animation: pulse 1.5s infinite;
  position: absolute;
  right: -16rem;
  left: 0;
  margin: 0 auto;
  bottom: 1rem;
}
.pulse-button.status-pulse,
.pulse-button.triprite-pulse,
.pulse-button.value-pulse{
    bottom: 0.5rem;
    right: -13.5rem;
}
.pulse-button.wawa-pulse {
    bottom: 0.5rem;
    right: -20rem;
}
.company-culture-sc .pulse-button {
    position: relative;
}

@keyframes pulse {
  0% {
    @include transform(scale(.5));
  }
  70% {
    @include transform(scale(.8));
    box-shadow: 0 0 0 10px #4f66ae;
  }
    100% {
    @include transform(scale(.5));
    box-shadow: 0 0 0 0px #4f66ae;
  }
}

.active_products .menu_sub_catg .inner-sub-menu {
  display: none;
}
.active_products .menu_sub_catg li:hover .inner-sub-menu {
  display: block;
  padding-left: 4rem;
}
.active_products .menu_sub_catg .inner-sub-menu li a {
  font-size: 21px;
  color: #fff;
  text-decoration: navajowhite;
  list-style-type: disc !important;
}
.menu_prdct_link {
  font-size: 1.3rem !important;
}
.home-about {
  width: 70%;
  margin: 0 auto;
    margin-top: 0px;
  background-color: #1b317a;
  border-radius: 10px;
  padding: 3rem;
  margin-top: 12rem;
  display: block;
  position: relative;
}
.vjs_video_3-dimensions {
  width: 100%;
  height: 855px;
}
.client-inner img {
  width: 75% !important;
}
.company-pnl.triprite-logo img,
.company-pnl.value-logo img{
    width: 12%;
}
.company-pnl.wawa-logo img{
    width: 12%;
}
.timeline-img.timeline-new {
  width: 70%;
  position: absolute;
  left: 12%;
  top: -3rem;
}
/*pooja css ends*/


.common-arrow-1, .common-arrow-2, .common-arrow-3, .common-arrow-4, .common-arrow-5 , .common-arrow-6 .common-arrow-about .common-arrow-product {
	position: relative;
}
.common-arrow-1::after {
  content: '';
  background-image: url(../images/arrow-1.png);
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: block;
  background-size: 100% 100%;
  position: absolute;
  right: 10%;
  top: 3rem;
  bottom: auto;
  transform: rotate(296deg);
}
.common-arrow-1 {
    transform: translateX(0) rotate(0);
    animation: floatone 3s ease-in-out infinite
}

@keyframes floatone {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-20px)
    }
    100% {
        transform: translateX(0)
    }
}
.common-arrow-3::after {
  content: '';
  background-image: url(../images/arrow-3.png);
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: block;
  background-size: 100% 100%;
  position: absolute;
  left: 10%;
  top: 6rem;
  bottom: auto;
  transform: rotate(118deg);
}
.common-arrow-3 {
    transform: translateX(0) rotate(0);
    animation: floatone 3s ease-in-out infinite
}
.common-arrow-6::after {
  content: '';
  background-image: url(../images/arrow-3.png);
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: block;
  background-size: 100% 100%;
  position: absolute;
  left: 10%;
  top: 2rem;
  bottom: auto;
  transform: rotate(118deg);
}
.common-arrow-3 {
    transform: translateX(0) rotate(0);
    animation: floatone 3s ease-in-out infinite
}
@keyframes floatone {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-20px)
    }
    100% {
        transform: translateX(0)
    }
}
.common-arrow-4::after {
  content: '';
  background-image: url(../images/arrow-1.png);
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: block;
  background-size: 100% 100%;
  position: absolute;
  right: 10%;
  top: 7rem;
  bottom: auto;
  transform: rotate(3deg);
}
.common-arrow-4 {
    transform: translateX(0) rotate(0);
    animation: floattwo 3s ease-in-out infinite
}

@keyframes floattwo {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-20px)
    }
    100% {
        transform: translateX(0)
    }
}
.common-arrow-product::after {
  content: '';
  background-image: url(../images/arrow-1.png);
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: block;
  background-size: 100% 100%;
  position: absolute;
  right: 10%;
  top: 4rem;
  bottom: auto;
  transform: rotate(314deg);
}
.common-arrow-product {
    transform: translateX(0) rotate(0);
    animation: floattwo 3s ease-in-out infinite
}

@keyframes floattwo {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-20px)
    }
    100% {
        transform: translateX(0)
    }
}
.common-arrow-about::after {
    content: '';
    background-image: url(../images/arrow-3.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    display: block;
    background-size: 100% 100%;
    position: absolute;
    right: 5%;
    top: 0rem;
    bottom: auto;
    transform: rotate(290deg);

}
.common-arrow-about {
    transform: translateX(0) rotate(0);
    animation: floatone 3s ease-in-out infinite
}

@keyframes floatone {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-20px)
    }
    100% {
        transform: translateX(0)
    }
}
.common-arrow-5::after {
  content: '';
  background-image: url(../images/arrow-1.png);
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: block;
  background-size: 100% 100%;
  position: absolute;
  right: 10%;
  top: 7rem;
  bottom: auto;
  transform: rotate(-114deg);
}
.common-arrow-5 {
    transform: translateX(0) rotate(0);
    animation: floattwo 3s ease-in-out infinite
}

@keyframes floattwo {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-20px)
    }
    100% {
        transform: translateX(0)
    }
}
/*anjali css starts*/
.back{
    position:relative;
}
.back::after {
    content: '';
    background-image: url(../images/right-arrow.png);
    background-repeat: no-repeat;
    width: 58%;
    height: 1342px;
    display: block;
    background-size: 100% 100%;
    position: absolute;
    left: -11rem;
    top: 0rem;
    bottom: auto;
}
.back1{
    position:relative;
}
.back1::after {
    content: '';
    background-image: url(../images/left-arrow.png);
    background-repeat: no-repeat;
    width: 58%;
    height: 1342px;
    display: block;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    left: auto;
    top: 0rem;
    bottom: auto;
}
.top-gap{
    margin-top:-6%;
}
.members{
    font-size: 80px;
    color: #fff;
    text-transform: uppercase;
    transform: rotate(-90deg);
    opacity: 0.7;
    margin-left: -45%;
    font-weight: 700;
    text-align:center;
}
.numbers {
    width: auto;
    height: auto;
    padding:10px;
    margin: 0% 10%;
    border-radius: 35px;
    transition: all 0.5s ease-in-out;
}
.numbers:hover {
    background: linear-gradient(181deg, #ff8041bd, #3b5bbd);
    width: auto;
    height: auto;
margin: 0% 9%;
    border-radius: 35px;
   transition: all 0.5s ease-in-out;
    position: relative;
}
.prdct_count {
    font-size: 5.5rem;
    line-height: 1;
}
.prd_count_text {
    color: #ff6600;
    font-size: 24px!important;
    line-height: 1.1;
    transition: all 0.5s ease-in-out;
}
.numbers:hover .prd_count_text {
  color: #fff;
}
.common-arrow-2::after {
    right: -2rem;
    transform: rotate(324deg)
}

.gallery{
    background: #00000026;
    text-align: center;
    padding: 12px 24px;
    border: none;
    border-radius: 29px;
    color: #fff;
    text-transform: uppercase;
}
.counter-sc {
    margin: 22rem 0 2rem;
}
.comp-back{
    position:relative;
}
.comp-back::after {
    content: '';
    background-image: url(../images/comp-back.png);
    background-repeat: no-repeat;
    width: 34%;
    height: 450px;
    display: block;
    background-size: 100% 100%;
    position: absolute;
    right: 12rem;
    top: 1.5rem;
    z-index: -1;
    bottom: auto;
}
.group-img{
    margin-top:4%;
    margin-left:auto;
    width: 80%;
}
.culture {
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
  transform: rotate(-90deg);
  opacity: 0.7;
  margin-left: -67%;
  margin-top: 54%;
  font-weight: 700;
  text-align: center;
}


.gallery-btn {
  background: #00000026;
  text-align: center;
  padding: 9px 24px;
  border: none;
  margin-top: 0;
  border-radius: 29px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
.bled{
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #fff;
    text-align:center;
    font-size:22px;
}
.gallery-btn span i {
    padding-left: 10px;
}


.video-js .vjs-control-bar {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}



/*anjali css ends*/


@media only screen and (max-width: 1600px) and (min-width: 1400px)  {
/*    .led-tabs .nav-pills {
    text-align: center;
    margin: 4rem auto 2rem;
    width: 33%;
}
.value-tabs .nav-pills {
  text-align: center;
  margin: 4rem auto;
  width: 34%;
}*/
/* .modular-tabs .nav-pills
 {
  text-align: center;
  margin: 4rem auto 2rem;
  width: 23%;
}*/
/*
.mcb-tabs .nav-pills {
  text-align: center;
  margin: 4rem auto 2rem;
  width: 15%;
}*/
.timeline-person {
  position: absolute;
  top: -64px;
  right: -9rem;
  width: 49%;
}
.comp-back::after {
    content: '';
    background-image: url(../images/comp-back.png);
    background-repeat: no-repeat;
    width: 34%;
    height: 530px;
    display: block;
    background-size: 100% 100%;
    position: absolute;
    right: 12rem;
    top: 1.5rem;
    z-index: -1;
    bottom: auto;
}
}

@media only screen and (max-width: 1301px) and (min-width: 1399px) {
    .lag_card_img {
        width: 26rem;
        top: -22rem;
    }
        .video-js .vjs-control-bar {
    margin-bottom: 3%;
}
}

@media (min-width: 1200px) and (max-width: 1300px) {
    /*.led-slider.slick-initialized .slick-slide.slick-active.slick-current .led-slider-pnl,*/
    /*.value-slider.slick-initialized .slick-slide.slick-active.slick-current .value-slider-pnl {*/
    /*    padding-top: 2.5rem;*/
    /*}*/
    .led-slider .led-slider-pnl, .value-slider .value-slider-pnl {
        padding-top: 4rem;
    }
    .modular-slider-pnl p, .mcb-slider-pnl p {
        margin-top: 0;
    }
    .gallery-btn {
        margin-top: 1rem;
    }
    .led-slider .led-slider-pnl, .value-slider .value-slider-pnl {
        height: 300px;
    }
    .mcb-tabs .company-pnl {
        margin-top: 2rem;
    }
    .value-tabs .company-pnl {
        margin-top: 1rem;
    }
    .comp-back::after {
        width: 50%;
        height: 465px;
        top: 1rem;
        right: 4rem;
    }
    .value-slider {
        height: 300px;
    }
    .lag_card_img {
      position: absolute;
      width: 25rem;
      height: auto;
      top: -21.3rem;
      left: auto;
      right: -14rem;
    }
    .modular-slider {
        height: auto;
    }
    .company-culture-sc .pulse-button {
        bottom: -1.5rem;
    }
    .video-js .vjs-control-bar {
    margin-bottom: 3%;
}
}

@media (min-width: 992px) and (max-width: 1199.90px) {
    .led-slider.slick-initialized .slick-slide.slick-active.slick-current .led-slider-pnl,
    .value-slider.slick-initialized .slick-slide.slick-active.slick-current .value-slider-pnl {
        padding-top: 0.5rem;
    }
    .led-slider .led-slider-pnl, .value-slider .value-slider-pnl {
        padding-top: 5rem;
    }
    .value-slider .value-slider-pnl {
        padding-top: 1rem;
    }
    .timeline-slider .text-white h2 {
        margin-bottom: 15px;
    }
    .timeline-img {
        left: 13%;
    }
    .home-about {
        padding: 2rem;
        width: 85%;
    }
    .timeline-div {
        margin-top: 7rem;
    }
    .company-pnl, .company-pn2 {
        margin-top: 0rem;
        margin-bottom: 0;
    }
    .mcb-tabs .company-pnl {
        margin-top: 0rem;
    }
    .tabs-main-div {
        width: 55%;
    }
    .comp-back::after {
        width: 50%;
        height: 420px;
        right: 6rem;
        top: 0rem;
    }
    .prdct_count {
        font-size: 4.5rem;
    }
    value-tabs .company-pnl {
      bottom: -1rem;
      right: 13rem;
    }
    .timeline-slider .text-white {
        margin-top: 0rem;
        padding-right: 10rem;
        font-size: 15px;
    }
    .lag_card_img {
      width:19rem;
      top: -16rem;
      right: -10rem;
    }
    .lag_card_container {
        height: 12rem;
    }
    .card {
        max-width: 670px !important;
    }
    .about-heading {
        margin-bottom: 0;
    }
    .modular-slider {
        height: auto;
    }
    .led-slider .led-slider-pnl {
        height: 250px;
    }
    .led-slider .gallery-btn {
        margin-top: 1%;
    }
    .led-tabs .company-pnl {
        margin-top: 0rem;
    }
    .mcb-slider {
        height: 280px;
    }
    .value-slider {
        height: 230px;
    }
    .value-tabs .company-pnl {
        margin-top: 0rem;
    }
    .company-culture-sc .pulse-button {
        margin-top: 3rem;
    }
    .counter-sc {
        margin: 5rem 0 2rem;
    }
    .common-arrow-1::after {
        top: -7rem;
    }
    .client-inner img {
        width: 95% !important;
    }
    .video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 94%;
}
.video-js .vjs-control-bar {
    margin-bottom: 14%;
}
.video-js {
    margin-bottom: -20%;
}
}

@media only screen and (max-width: 768px) {
.members{
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
    transform: rotate(0deg);
    opacity: 0.7;
        margin-left: 0%;
    font-weight: 700;
    text-align:center;
    margin-top: 25%;
    }
        
.numbers {
    width: auto;
    height: auto;
     margin: 0% 20%;
    border-radius: 35px;
}
.numbers:hover {
    background: linear-gradient(181deg, #ff8041bd, #3b5bbd);
    width: auto;
    height: auto;
    margin: 0% 20%;
    border-radius: 35px;
}
.common-arrow-2::after {
     right: 2rem;
    transform: rotate(324deg);
}
.culture {
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
    transform: rotate(0deg);
    opacity: 0.7;
        margin-left: 0%;
    font-weight: 700;
    text-align:center;
    margin-top: 25%;
}
.comp-back::after {
    content: '';
    background-image: url(../images/comp-back.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 330px;
    display: block;
    background-size: 100% 100%;
    position: absolute;
    left: 24px;
    top: 0rem;
    z-index: -1;
    bottom: auto;
}
.modular-tabs .nav-pills {
    text-align: center;
    margin: 4rem auto 2rem;
    width: 100%;
}
.led-tabs .nav-pills {
    text-align: center;
    margin: 4rem auto 2rem;
    width: 100%;
}
.mcb-tabs .nav-pills {
    text-align: center;
    margin: 2rem auto 0rem;
    width: 100%;
}
.value-tabs .nav-pills {
    text-align: center;
    margin: 4rem auto;
    width: 100%;
}
.timeline-person {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
}
.timeline-data {
    width: 100%;
    display: inline-block;
    padding: 1rem;
    color: #fff;
    margin-top: 22.5%;
    background-color: linear-gra;
    background: linear-gradient(91deg, #3b5bbdbf,#dbdbdbbd);
}
.video-js .vjs-control-bar {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 19rem;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 77%;
}
h5.accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}
.desk-foot{
    display:none;
}
.mob-foot{
    display:block;
}
.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
    padding: 1.2rem;
}
h5.accordion {
    padding-top: 1rem;
}
}

@media (min-width: 768px) and (max-width: 991.90px) {
    .timeline-data {
        width: 75%;
        margin: 0;
    }
    .timeline-person {
        position: absolute;
        top: -32px;
        right: 4rem;
        width: 29%;
    }
    .timeline-data p {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 23px;
        padding-right: 4rem;
    }
    .timeline-pnl, .timeline-inner {
        width: 100%;
    }
    .mcb-slider, .modular-slider {
        width: 100%;
        margin: 0 auto;
    }
    .modular-slider-pnl, .mcb-slider-pnl {
        padding: 0rem;
        margin-top: 1rem;
    }
    .modular-tabs .nav-pills {
        width: auto;
    }
    .left-arrow-sc::after {
        top: -30rem;
        width: 272px;
        height: 703px;
    }
    .section-header h2 {
        font-size: 34px;
        position: relative;
    }
    .common-arrow-3::after {
        width: 80px;
        height: 80px;
        left: 6%;
        top: 3rem;
    }
    .company-pnl {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .left-arrow-sc.right-arrow-sc::after {
        top: -30rem;
        width: 320px;
        height: 703px;
    }
    .common-arrow-4::after,
    .common-arrow-5::after,
    .common-arrow-1::after{
        width: 80px;
        height: 80px;
        right: 6%;
        top: 3rem;
    }
    .timeline-sc, .modular-sc, .led-sc, .mcb-sc, .value-sc, .company-culture-sc, .company-culture-sc, .client-sc {
        padding: 3rem 0 0;
    }
    .timeline-sc {
        padding: 4rem 0;
    }
    .led-tabs .nav-pills {
        width: auto;
        margin: 2rem auto 0rem;
    }
    .home-about {
        width: 60%;
        margin-top: 7rem;
        padding: 1rem;
    }
    /*.led-slider .led-slider-pnl, */.value-slider .value-slider-pnl {
        padding-top: 0rem;
    }
    .led-slider.slick-initialized .slick-slide.slick-active.slick-current .led-slider-pnl, .value-slider.slick-initialized .slick-slide.slick-active.slick-current .value-slider-pnl {
        padding-top: 0.5rem;
    }
    .mcb-tabs .nav-pills {
        width: auto;
    }
    .value-tabs .nav-pills {
        text-align: center;
        margin: 2rem auto 0;
        width: auto;
    }
    .culture {
      font-size: 36px;
      margin-top: 48%;
      margin-left: -26%;
    }
    .company-culture-sc .pulse-button {
        margin-top: 2rem;
    }
    .comp-back::after {
      left: auto;
      right: 4rem;
      top: 1rem;
      width: 45%;
      height: 280px;
    }
    .prdct_count {
        font-size: 2rem;
    }
    .prd_count_text {
        font-size: 16px !important;
        line-height: 24px;
    }
    .back::after {
        width: 58%;
        height: 1000px;
        left: -7rem;
        top: -6rem;
    }
    .counter-sc {
        margin: 8rem 0 2rem;
    }
    .client-inner img {
      width: 100% !important;
    }
    .pulse-button {
        right: -11rem;
        bottom: -0.5rem;
    }
    .members {
        font-size: 40px;
    }
    .about-heading {
        margin-bottom: 0;
        width: 65%;
    }
    .timeline-div {
        margin-top: 6rem;
    }
    .timeline-slider .text-white {
        margin-top: 0rem;
        padding-right: 7rem;
        font-size: 14px;
    }
    .timeline-slider .text-white h2 {
        font-size: 22px;
    }
    .lag_card_img {
        width: 19rem;
        top: -17rem;
        right: -10rem;
    }
    .lag_card_container {
        height: 15rem;
    }
    .card {
        max-width: 540px !important;
    }
    .about-heading {
        margin-bottom: 0;
    }
    .modular-slider {
        height: auto;
    }
    /*.led-slider .led-slider-pnl {
        height: 250px;
    }*/
    .led-slider .gallery-btn {
        margin-top: 1%;
    }
    .led-tabs .company-pnl {
        margin-top: 1rem;
    }
    .mcb-slider {
        height: 280px;
    }
    .value-slider {
        height: 230px;
        width: 100%;
        margin-top: 2rem;
    }
    .value-tabs .company-pnl {
        margin-top: 1rem;
    }
    .tabs-main-div {
        width: auto;
    }
    .led-slider {
        width: 100%;
    }
    .led-slider .led-slider-pnl {
        transform: scale(1);
        height: 275px;
    }
    .mcb-tabs .company-pnl {
        margin-top: 1rem;
    }
}

@media (min-width: 576px) and (max-width: 767.90px) {

    .copywrite-sc {
    display: block !important;
}
    .timeline-data {
        width: 75%;
        margin: 0;
    }
    .timeline-person {
        position: absolute;
        top: -32px;
        right: 4rem;
        width: 29%;
    }
    .timeline-data p {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 23px;
        padding-right: 4rem;
    }
    .timeline-pnl, .timeline-inner {
        width: 100%;
    }
    .mcb-slider, .modular-slider {
        width: 100%;
        margin: 0 auto;
    }
    .modular-slider-pnl, .mcb-slider-pnl {
        padding: 0rem;
        margin-top: 1rem;
    }
    .modular-tabs .nav-pills {
        width: auto;
        margin: 2rem auto -4rem;
    }
    .left-arrow-sc::after {
        top: -30rem;
        width: 272px;
        height: 703px;
    }
    .section-header h2 {
        font-size: 34px;
        position: relative;
    }
    .pulse-button {
        right: -14rem;
        bottom: 0.5rem;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 1rem;
    }
    .client-inner img {
        width: 100% !important;
    }
    .common-arrow-3::after {
        width: 80px;
        height: 80px;
        left: 6%;
        top: 3rem;
    }
    .company-pnl {
        margin-top: -5rem;
        margin-bottom: 1rem;
    }
    .left-arrow-sc.right-arrow-sc::after {
        top: -30rem;
        width: 320px;
        height: 703px;
    }
    .common-arrow-4::after,
    .common-arrow-5::after,
    .common-arrow-1::after{
        width: 80px;
        height: 80px;
        right: 6%;
        top: 3rem;
    }
    .timeline-sc, .modular-sc, .led-sc, .mcb-sc, .value-sc, .company-culture-sc, .company-culture-sc, .client-sc {
        padding: 3rem 0 0;
    }
    .led-tabs .nav-pills {
        width: auto;
        margin: 2rem auto 0rem;
    }
    /*.led-slider .led-slider-pnl, */.value-slider .value-slider-pnl {
        padding-top: 0rem;
    }
    .value-slider.slick-initialized .slick-slide.slick-active.slick-current .value-slider-pnl {
        padding-top: 0rem;
    }
    .led-slider.slick-initialized .slick-slide.slick-active.slick-current .led-slider-pnl {
        padding-top: 0;
    }
    .mcb-tabs .nav-pills {
        width: auto;
    }
    .value-tabs .nav-pills {
        text-align: center;
        margin: 2rem auto 0;
        width: auto;
    }
    .culture {
        font-size: 38px;
        margin-top: 1rem;
    }
    .culture br {
        display: none;
    }
    .comp-back::after {
        left: auto;
        right: 0;
        top: 11px;
        width: 54%;
        height: 330px;
    }
    .prdct_count {
        font-size: 2rem;
    }
    .prd_count_text {
        font-size: 16px !important;
        line-height: 24px;
    }
    .back::after {
        width: 58%;
        height: 1000px;
        left: -7rem;
        top: -6rem;
    }
    .counter-sc {
        margin: 0rem 0 2rem;
        padding-top: 0;
    }
    .members {
        font-size: 40px;
        margin-top: 6rem;
        margin-bottom: 5rem;
    }
    .about-heading {
        margin-bottom: 0;
        width: 65%;
    }
    .timeline-div {
        margin-top: 6rem;
    }
    .timeline-slider .text-white {
        margin-top: 0rem;
        padding-right: 0rem;
        font-size: 16px;
    }
    .lag_card_img {
        display: none;
        width: 22rem;
        top: -17rem;
    }
    .lag_card_container {
        height: 15rem;
    }
    .home-about {
        width: 100%;
        padding: 1rem;
        margin-top: 6rem;
    }
    .timeline-img {
        width: 40%;
        position: absolute;
        left: 0;
    }
    .card {
        max-width: 540px !important;
    }
    .about-heading {
        margin-bottom: 0;
        margin-top: 0rem;
    }
    /*.modular-slider {
        height: 200px;
    }*/
    /*.led-slider .led-slider-pnl {
        height: 250px;
    }*/
    .led-slider .gallery-btn {
        margin-top: 1%;
    }
    .led-tabs .company-pnl {
        margin-top: 1rem;
    }
    .mcb-slider {
        height: auto;
        margin-top: 0;
    }
    .value-slider {
        height: 330px;
        width: 100%;
        margin-top: 2rem;
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center .mcb-slider-pnl {
        margin-top: 0rem;
    }
    .value-tabs .company-pnl {
        margin-top: 5rem;
    }
    .tabs-main-div {
        width: auto;
    }
    .led-slider {
        width: 100%;
    }
    .led-slider .led-slider-pnl {
        transform: scale(1);
        height: 475px;
        margin-top: 0rem;
    }
    .mcb-tabs .company-pnl {
        margin-top: -2rem;
    }
    .modular-slider .slick-slide.slick-current.slick-active.slick-center img, .mcb-slider .slick-slide.slick-current.slick-active.slick-center img, .led-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1);
            width: 100%;
    margin-top: 15px;
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1);
    }
    .led-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1);
    }
    .modular-slider-pnl img, .mcb-slider-pnl img, .value-slider-pnl img{
        width: 100%;
        transform: scale(0.8);
    }
    .led-slider-pnl img  {
        transform: scale(1);
        width: 100%!important;
    }
    .led-slider .led-slider-pnl {
        padding-top: 0;
    }
    .company-pnl img {
        width: 34%;
    }
    .mcb-slider.slick-initialized .slick-slide {
        height: 500px;
    }
    .value-tabs .nav-pills .nav-link {
        margin: 0;
        font-size: 14px;
    }
    .value-slider .value-slider-pnl img {
        margin-top: 0;
        width:80%;
    }
    .group-img {
        margin-left: 0;
    }
    .value-tabs .company-pnl img {
        width: 34%;
    }
    .footer-logo {
        width: 35%;
    }
    .modular-slider.slick-initialized .slick-slide,
    .modular-slider {
        height: auto;;
    }
}
@media only screen and (max-width: 600px) {
        .common-arrow-6::after {
    content: '';
    background-image: url(../images/arrow-3.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    display: block;
    background-size: 100% 100%;
    position: absolute;
    left: 10%;
    top: -3rem;
    bottom: auto;
    transform: rotate(118deg);
}
}
@media (min-width: 482px) and (max-width: 575.90px) {
    .copywrite-sc {
    display: block !important;
}
    .timeline-data {
        width: 75%;
        margin: 0;
    }
    .timeline-person {
        position: absolute;
        top: -32px;
        right: 4rem;
        width: 29%;
    }
    .timeline-data p {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 23px;
        padding-right: 4rem;
    }
    .timeline-pnl, .timeline-inner {
        width: 100%;
    }
    .mcb-slider, .modular-slider {
        width: 100%;
        margin: 0 auto;
    }
    .modular-slider-pnl, .mcb-slider-pnl {
        padding: 0 2rem;
        margin-top: 1rem;
    }
    .modular-tabs .nav-pills {
        width: auto;
        margin: 2rem auto -4rem;
    }
    .left-arrow-sc::after {
        top: -30rem;
        width: 272px;
        height: 703px;
    }
    .section-header h2 {
        font-size: 34px;
        position: relative;
        margin-top:5rem;
    }
    .pulse-button {
        right: -14rem;
        bottom: 0.5rem;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 1rem;
    }
    .client-inner img {
        width: 100% !important;
    }
    .common-arrow-3::after {
        width: 80px;
        height: 80px;
        left: 6%;
        top: 3rem;
    }
    .company-pnl {
        margin-top: -5rem;
        margin-bottom: 1rem;
    }
    .left-arrow-sc.right-arrow-sc::after {
        top: -30rem;
        width: 320px;
        height: 703px;
    }
    .common-arrow-4::after,
    .common-arrow-5::after,
    .common-arrow-1::after{
        width: 80px;
        height: 80px;
        right: 6%;
        top: 3rem;
    }
    .timeline-sc, .modular-sc, .led-sc, .mcb-sc, .value-sc, .company-culture-sc, .company-culture-sc, .client-sc {
        padding: 3rem 0 0;
    }
    .led-tabs .nav-pills {
        width: auto;
        margin: 2rem auto 0rem;
    }
    /*.led-slider .led-slider-pnl, */.value-slider .value-slider-pnl {
        padding-top: 0rem;
    }
    .value-slider.slick-initialized .slick-slide.slick-active.slick-current .value-slider-pnl {
        padding-top: 0rem;
        margin-top: 0%;
        height: auto;
    }
    .led-slider.slick-initialized .slick-slide.slick-active.slick-current .led-slider-pnl {
        padding-top: 0;
    }
    .mcb-tabs .nav-pills {
        width: auto;
    }
    .value-tabs .nav-pills {
        text-align: center;
        margin: 2rem auto 0;
        width: auto;
    }
    .culture {
        font-size: 38px;
        margin-top: 1rem;
    }
    .culture br {
        display: none;
    }
    .comp-back::after {
        left: auto;
        right: 0;
        top: 11px;
        width: 54%;
        height: 290px;
    }
    .prdct_count {
        font-size: 2rem;
    }
    .prd_count_text {
        font-size: 16px !important;
        line-height: 24px;
    }
    .company-culture-sc .pulse-button {
        margin-top: 2rem;
    }
    .back::after {
        width: 58%;
        height: 1000px;
        left: -7rem;
        top: -6rem;
    }
    .counter-sc {
        margin: 0rem 0 2rem;
        padding-top: 0;
    }
    .members {
        font-size: 40px;
        margin-top: 6rem;
        margin-bottom: 5rem;
    }
    .about-heading {
        margin-bottom: 0;
        width: 65%;
    }
    .timeline-div {
        margin-top: 6rem;
    }
    .timeline-slider .text-white {
        margin-top: 0rem;
        padding-right: 0rem;
        font-size: 16px;
    }
    .lag_card_img {
        display: none;
        width: 22rem;
        top: -17rem;
    }
    .lag_card_container {
        height: 15rem;
    }
    .home-about {
        width: 100%;
        padding: 1rem;
        margin-top: 6rem;
    }
    .timeline-img {
        width: 40%;
        position: absolute;
        left: 0;
    }
    .card {
        max-width: 540px !important;
    }
    .about-heading {
        margin-bottom: 0;
        margin-top: 0rem;
    }
    /*.modular-slider {
        height: 200px;
    }*/
    /*.led-slider .led-slider-pnl {
        height: 250px;
    }*/
    .led-slider .gallery-btn {
        margin-top: 1%;
    }
    .led-tabs .company-pnl {
        margin-top: -2rem;
    }
    .mcb-slider {
        height: auto;
        margin-top: 0;
    }
    .value-slider {
        height: 230px;
        width: 100%;
        margin-top: 2rem;
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center p {
        margin-top: 0;
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center .mcb-slider-pnl {
        margin-top: 0;
    }
    .value-tabs .company-pnl {
        margin-top: 5rem;
    }
    .tabs-main-div {
        width: auto;
    }
    .led-slider {
        width: 100%;
    }
    .led-slider .led-slider-pnl {
        transform: scale(1);
        height: auto;
        margin-top: 0rem;
    }
    .mcb-tabs .company-pnl {
        margin-top: -5rem;
    }
    .modular-slider .slick-slide.slick-current.slick-active.slick-center img, .mcb-slider .slick-slide.slick-current.slick-active.slick-center img, .led-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1.3);
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1.3);
    }
    .led-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1.3);
    }
    .modular-slider-pnl img, .mcb-slider-pnl img, .value-slider-pnl img{
        width: 100%;
        transform: scale(0.8);
    }
    .led-slider-pnl img  {
        transform: scale(1);
    }
    .led-slider .led-slider-pnl {
        padding-top: 0;
    }
    .company-pnl img {
        width: 34%;
    }
    .mcb-slider.slick-initialized .slick-slide {
        height: auto;
    }
    .value-tabs .nav-pills .nav-link {
        margin: 0;
        font-size: 14px;
    }
    .value-slider .value-slider-pnl img {
        margin-top: 1rem;
    }
    .group-img {
        margin-left: 0;
    }
    .value-tabs .company-pnl img {
        width: 34%;
    }
    .footer-logo {
        width: 35%;
    }
    .modular-slider.slick-initialized .slick-slide,
    .modular-slider {
        height: auto;
        margin-top: 0rem;
    }
}

@media (min-width: 360px) and (max-width: 481.90px) {
    .copywrite-sc {
    display: block !important;
}
    .timeline-data {
        width: 75%;
        margin: 0;
    }
    .timeline-person {
        position: absolute;
        top: -32px;
        right: 4rem;
        width: 29%;
    }
    .timeline-data p {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 23px;
        padding-right: 4rem;
    }
    .timeline-pnl, .timeline-inner {
        width: 100%;
    }
    .mcb-slider, .modular-slider {
        width: 100%;
        margin: 0 auto;
    }
    .modular-slider-pnl, .mcb-slider-pnl {
        padding: 0 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    }
    .modular-tabs .nav-pills {
        width: auto;
        margin: 2rem auto 0rem;
        position: relative;
    }
    .left-arrow-sc::after {
        top: -30rem;
        width: 272px;
        height: 703px;
    }
    .section-header h2 {
        font-size: 34px;
        position: relative;
        margin-top:5rem;
    }
    
    .pulse-button {
        right: -14rem;
        bottom: 0rem;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 1rem;
    }
    .pulse-button.status-pulse, .pulse-button.triprite-pulse, .pulse-button.value-pulse {
    bottom: 0rem;
    right: -13.5rem;
}
.company-pnl.status-logo img, .company-pnl.triprite-logo img {
    width: 34%!important;
}

    .client-inner img {
        width: 100% !important;
    }
    .common-arrow-3::after {
        width: 80px;
        height: 80px;
        left: 6%;
        top: 3rem;
    }
    .company-pnl {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .left-arrow-sc.right-arrow-sc::after {
        top: -30rem;
        width: 320px;
        height: 703px;
    }
    .common-arrow-4::after,
    .common-arrow-5::after,
    .common-arrow-1::after{
        width: 80px;
        height: 80px;
        right: 6%;
        top: 3rem;
    }
    .timeline-sc, .modular-sc, .led-sc, .mcb-sc, .value-sc, .company-culture-sc, .company-culture-sc, .client-sc {
        padding: 3rem 0 0;
    }
    .led-tabs .nav-pills {
        width: auto;
        margin: 2rem auto 0rem;
    }
    /*.led-slider .led-slider-pnl, */.value-slider .value-slider-pnl {
        padding-top: 0rem;
    }
    .value-slider.slick-initialized .slick-slide.slick-active.slick-current .value-slider-pnl {
        padding-top: 0rem;
        margin-top: 0%;
        height: auto;
    }
    .led-slider.slick-initialized .slick-slide.slick-active.slick-current .led-slider-pnl {
        padding-top: 0;
    }
    .mcb-tabs .nav-pills {
        width: auto;
    }
    .value-tabs .nav-pills {
        text-align: center;
        margin: 2rem auto 0;
        width: auto;
    }
    .culture {
        font-size: 28px;
        margin-top: 1rem;
    }
    .culture br {
        display: none;
    }
    .comp-back::after {
        left: auto;
        right: 0;
        top: 11px;
        width: 54%;
        height: 290px;
        display: none;
    }
    .prdct_count {
        font-size: 2rem;
    }
    .prd_count_text {
        font-size: 16px !important;
        line-height: 24px;
    }
    .company-culture-sc .pulse-button {
        margin-top: 2rem;
    }
    .back::after {
        width: 58%;
        height: 1000px;
        left: -7rem;
        top: -6rem;
    }
    .counter-sc {
        margin: 0rem 0 0rem;
        padding-top: 0;
    }
    .members {
      font-size: 34px;
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .about-heading {
        margin-bottom: 0;
        width: 65%;
    }
    .timeline-div {
        margin-top: 6rem;
    }
    .timeline-slider .text-white {
        margin-top: 0rem;
        padding-right: 0rem;
        font-size: 14px;
    }
    .modular-tabs .nav-pills .nav-link, .value-tabs .nav-pills .nav-link, .mcb-tabs .nav-pills .nav-link, .value-tabs .nav-pills .nav-link {
        margin: 0 5px;
    }
    .value-tabs .nav-item {
        margin: 0 0px;
    }
    .lag_card_img {
        display: none;
        width: 22rem;
        top: -17rem;
    }
    .lag_card_container {
        height: 15rem;
    }
    .home-about {
        width: 100%;
        padding: 1rem;
        margin-top: 6rem;
    }
    .timeline-img {
        width: 40%;
        position: absolute;
        left: 0;
    }
    .card {
        max-width: 540px !important;
    }
    .about-heading {
        margin-bottom: 0;
        margin-top: 0rem;
    }
    /*.modular-slider {
        height: 200px;
    }*/
    /*.led-slider .led-slider-pnl {
        height: 250px;
    }*/
    .led-slider .gallery-btn {
        margin-top: 1%;
    }
    .led-tabs .company-pnl {
        margin-top: 0rem;
    }
    .mcb-slider {
        height: auto;
        margin-top: 0;
    }
    .value-slider {
        height: 230px;
        width: 100%;
        margin-top: 2rem;
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center p {
        margin-top: 0;
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center .mcb-slider-pnl {
        margin-top: 10px;
    }
    .value-tabs .company-pnl {
        margin-top: 1rem;
    }
    .tabs-main-div {
        width: auto;
    }
    .led-slider {
        width: 100%;
    }
    .led-slider .led-slider-pnl {
        transform: scale(1);
        height: auto;
        margin-top: 0rem;
    }
    .mcb-tabs .company-pnl {
        margin-top: 1rem;
    }
    .modular-slider .slick-slide.slick-current.slick-active.slick-center img, .mcb-slider .slick-slide.slick-current.slick-active.slick-center img, .led-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1.2);
        width:100%;
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1);
        width:100%;
    }
    .led-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1);
        width:100%;
    }
    .modular-slider-pnl img, .mcb-slider-pnl img, .value-slider-pnl img, .led-slider-pnl img{
        width: 100%!important;
        transform: scale(0.8);
    }
    .led-slider-pnl img  {
        transform: scale(1);
    }
    .led-slider .led-slider-pnl {
        padding-top: 0;
    }
    .company-pnl img {
        width: 34%;
    }
    .mcb-slider.slick-initialized .slick-slide {
        height: auto;
    }
    .value-tabs .nav-pills .nav-link {
        margin: 0;
        font-size: 13px;
    }
    .value-slider .value-slider-pnl img {
        margin-top: 1rem;
    }
    .group-img {
        margin-left: 0;
        width: 100%;
    }
    .value-tabs .company-pnl img {
        width: 34%;
    }
    .footer-logo {
        width: 35%;
    }
    .modular-slider.slick-initialized .slick-slide,
    .modular-slider {
        height: auto;
        margin-top: 0rem;
    }
    .counter-sc br {
        display: none;
    }
    .video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #1e3a8f;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
    margin-bottom: -121%;
}
.video-js .vjs-control-bar {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 33rem;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 51%;
}
}

@media (min-width: 320px) and (max-width: 359.90px) {
    .timeline-data {
        width: 75%;
        margin: 0;
    }
    .timeline-person {
        position: absolute;
        top: -32px;
        right: 4rem;
        width: 29%;
    }
    .timeline-data p {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 23px;
        padding-right: 4rem;
    }
    .timeline-pnl, .timeline-inner {
        width: 100%;
    }
    .mcb-slider, .modular-slider {
        width: 100%;
        margin: 0 auto;
    }
    .modular-slider-pnl, .mcb-slider-pnl {
        padding: 0 2rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .modular-tabs .nav-pills {
        width: auto;
        margin: 2rem auto 0rem;
        position: relative;
    }
    .left-arrow-sc::after {
        top: -30rem;
        width: 272px;
        height: 703px;
    }
    .section-header h2 {
        font-size: 34px;
        position: relative;
        margin-top:5rem;
    }
    .pulse-button {
        right: -10rem;
        bottom: 0rem;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 1rem;
    }
    .client-inner img {
        width: 100% !important;
    }
    .common-arrow-3::after {
        width: 80px;
        height: 80px;
        left: 6%;
        top: 3rem;
    }
    .company-pnl {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .left-arrow-sc.right-arrow-sc::after {
        top: -30rem;
        width: 320px;
        height: 703px;
    }
    .common-arrow-4::after,
    .common-arrow-5::after,
    .common-arrow-1::after{
        width: 80px;
        height: 80px;
        right: 6%;
        top: 3rem;
    }
    .timeline-sc, .modular-sc, .led-sc, .mcb-sc, .value-sc, .company-culture-sc, .company-culture-sc, .client-sc {
        padding: 3rem 0 0;
    }
    .led-tabs .nav-pills {
        width: auto;
        margin: 2rem auto 0rem;
    }
    /*.led-slider .led-slider-pnl, */.value-slider .value-slider-pnl {
        padding-top: 0rem;
    }
    .value-slider.slick-initialized .slick-slide.slick-active.slick-current .value-slider-pnl {
        padding-top: 0rem;
        margin-top: 0%;
        height: 250px;
    }
    .led-slider.slick-initialized .slick-slide.slick-active.slick-current .led-slider-pnl {
        padding-top: 0;
    }
    .mcb-tabs .nav-pills {
        width: auto;
    }
    .value-tabs .nav-pills {
        text-align: center;
        margin: 2rem auto 0;
        width: auto;
    }
    .culture {
        font-size: 28px;
        margin-top: 1rem;
    }
    .culture br {
        display: none;
    }
    .comp-back::after {
        left: auto;
        right: 0;
        top: 11px;
        width: 54%;
        height: 290px;
        display: none;
    }
    .prdct_count {
        font-size: 2rem;
    }
    .prd_count_text {
        font-size: 16px !important;
        line-height: 24px;
    }
    .company-culture-sc .pulse-button {
        margin-top: 2rem;
    }
    .back::after {
        width: 58%;
        height: 1000px;
        left: -7rem;
        top: -6rem;
    }
    .counter-sc {
        margin: 0rem 0 0rem;
        padding-top: 0;
    }
    .members {
      font-size: 34px;
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .about-heading {
        margin-bottom: 0;
        width: 65%;
    }
    .timeline-div {
        margin-top: 6rem;
    }
    .timeline-slider .text-white {
        margin-top: 0rem;
        padding-right: 0rem;
        font-size: 14px;
    }
    .modular-tabs .nav-pills .nav-link, .value-tabs .nav-pills .nav-link, .mcb-tabs .nav-pills .nav-link, .value-tabs .nav-pills .nav-link {
        margin: 0 0px;
    }
    .led-tabs .nav-pills .nav-link.active, .led-tabs .nav-pills .show > .nav-link, .value-tabs .nav-pills .nav-link.active, .value-tabs .nav-pills .show > .nav-link, .modular-tabs .nav-pills .nav-link.active, .modular-tabs .nav-pills .show > .nav-link, .mcb-tabs .nav-pills .nav-link.active, .mcb-tabs .nav-pills .show > .nav-link {
          border-radius: 20px;
          background: linear-gradient(to top, #092f93 50%, #ff6600 150%);
          font-weight: 600;
          border-color: transparent;
          color: #fff;
          font-size: 14px;
    }   
    .value-tabs .nav-item {
        margin: 0 0px;
    }
    .lag_card_img {
        display: none;
        width: 22rem;
        top: -17rem;
    }
    .lag_card_container {
        height: 15rem;
    }
    .home-about {
        width: 100%;
        padding: 1rem;
        margin-top: 6rem;
    }
    .timeline-img {
        width: 40%;
        position: absolute;
        left: 0;
    }
    .card {
        max-width: 540px !important;
    }
    .about-heading {
        margin-bottom: 0;
        margin-top: 0rem;
    }
    .modular-slider {
        height: auto;
    }
    .led-slider .led-slider-pnl {
        height: 250px;
    }
    .led-slider .gallery-btn {
        margin-top: 1%;
    }
    .led-tabs .company-pnl {
        margin-top: 1rem;
    }
    .mcb-slider {
        height: 340px;
        margin-top: 0;
    }
    .value-slider {
        height: 250px;
        width: 100%;
        margin-top: 2rem;
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center p {
        margin-top: 20px;
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center .mcb-slider-pnl {
        margin-top: 20px;
    }
    .value-tabs .company-pnl {
        margin-top: 1rem;
    }
    .tabs-main-div {
        width: auto;
    }
    .led-slider {
        width: 100%;
    }
    .led-slider .led-slider-pnl {
        transform: scale(1);
        height: auto;
        margin-top: 0rem;
    }
    .mcb-tabs .company-pnl {
        margin-top: 1rem;
    }
    .modular-slider .slick-slide.slick-current.slick-active.slick-center img, .mcb-slider .slick-slide.slick-current.slick-active.slick-center img, .led-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1.35);
        width: 100%;
    }
    .mcb-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1.35);
    }
    .led-slider .slick-slide.slick-current.slick-active.slick-center img {
        transform: scale(1.35);
    }
    .modular-slider-pnl img, .mcb-slider-pnl img, .value-slider-pnl img{
        width: 100%;
        transform: scale(0.8);
    }
    .led-slider-pnl img  {
        transform: scale(1);
        width:100%;
    }
    .led-slider .led-slider-pnl {
        padding-top: 0;
    }
    .company-pnl img {
        width: 34%;
    }
    .mcb-slider.slick-initialized .slick-slide {
        height: auto;
    }
    .value-tabs .nav-pills .nav-link {
        margin: 0;
        font-size: 11px;
    }
     .value-tabs .nav-pills .nav-link.active {
        font-size: 11px;
    }
    .value-slider .value-slider-pnl img {
        margin-top: 1rem;
    }
    .group-img {
        margin-left: 0;
        width: 100%;
    }
    .value-tabs .company-pnl img {
        width: 34%;
    }
    .footer-logo {
        width: 35%;
    }
    .modular-slider.slick-initialized .slick-slide,
    .modular-slider {
        height: auto;
        margin-top: 0rem;
    }
    .counter-sc br {
        display: none;
    }
    .copywrite-sc {
        display: block !important;
    }
    footer .text-start {
        margin-left: 0 !important;
    }
    .video-js .vjs-control-bar {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 34rem;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 51%;
}
.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #1e3a8f;
    position: relative;
    padding: 0;
    bottom: 14px;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
    margin-bottom: -182%;
}
.company-pnl.status-logo img {
    width: 34%;
}
.pulse-button.status-pulse, .pulse-button.triprite-pulse, .pulse-button.value-pulse {
    bottom: 0rem;
    right: -10.5rem;
}
.company-pnl.skylight img {
    width: 36%;
}
}