.primery_text {font-size: 1.125rem;font-weight: 700;font-family: 'Montserrat';text-transform: uppercase;color: #e11f26}
.hero_banner{ padding-top: 7.5rem; padding-bottom: 7.5rem; box-sizing: border-box; background: linear-gradient(133deg, rgba(255,255,255) 8%, rgb(255 230 231 / 67%) 28%, rgba(234,242,254,.7) 36%); position: relative}
.hero_banner:before{width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; background: url("https://www.stellarinfo.com/services/labservices/images/labservices-hero-banner.png")  no-repeat right; content: ''; background-size: cover; max-width: 958px; margin-left: auto}


.hero_banner .hero_title{font-size: 3rem; font-weight: 700; margin-top: 1rem; color: #181617}
.hero_banner .hero_subtitle{font-size: 1.375rem; margin: 2.063rem 0; color: #787880}
.fill_btn{ display: inline-flex; padding:1.2rem 1.7rem; background: #e11f26; font-size: 1.25rem;font-family: 'Montserrat'; font-weight: 500; color: #fff; border-radius: 5px; align-items: center; justify-content: center; }
.fill_btn img{filter: brightness(0) invert(1); margin-left: .5rem; transition: ease-in-out .3s}
.fill_btn:hover, .fill_btn:focus{color: #fff}
.fill_btn:hover img{ transform: translateX(5px) scale(.95); transform-origin: right}

.device_box{padding: 1rem 1rem}
.device_wrapper{ max-width: 290px;  -webkit-min-height: 100%; width: 100%; margin: auto;   box-shadow: 0px 0px 28.8px 11.2px rgba(0, 0, 0, 0.09); padding: 1rem 1rem; height: 224px;   border: solid 1px #d1d1d1;   border-radius: 13px; overflow: hidden; position: relative; transition: all .5s;display: flex; flex-direction: column; align-items: center; text-decoration: none; box-sizing: border-box; background-color:#fff}
.device_wrapper h5{ font-size: 16px;font-weight: 700; color: #181617; margin-top: 1rem; text-align: center; position:relative;  transition: ease-in-out .5s; width: 100% }
.device_wrapper p{font-size: 14px; margin-bottom: 0; padding-bottom: .5rem; }
.device_wrapper figcaption{margin-top: 0rem; transition: ease-in-out .5s; opacity: 0; position:relative ; text-align: left}
.device_wrapper figure{display: flex; justify-content: center; align-items: center;width:100px; height:100px; background: #fff;  transition: ease-in-out .5s;  margin-top: 1rem; transform: translateX(0%) scale(1); border-radius: 50px;}
.device_wrapper figure img {transition: all .3s}
.device_wrapper:before{width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0;  background: linear-gradient(  147deg, rgb(245,56,67) 0%, rgb(47,87,149) 100%); z-index: 0; opacity: 0; transition: 1s}
.device_wrapper:hover{  text-align: left; text-decoration: none; }
.device_wrapper:hover figure{ width:44px; height: 42px; background: #fff; margin-top: 0; border-radius: 50px; transform: translateX(-6rem)}
.device_wrapper:hover figure img{transform: scale(.7); transform-origin: center; margin: auto;}
.device_wrapper:hover figcaption{ margin-top: 0; color: #fff; opacity: 1}

.device_wrapper:hover h5, .device_wrapper:hover figcaption p{color: #fff; text-align: left; font-size: 14px;}
.device_wrapper:hover h5{font-size: 16px;}
 .device_wrapper:hover:before{opacity: 1}

.Cus_testimonial .content {position: relative;max-width: 427px;width: 100%;overflow: hidden;border-radius: 22px;min-height: 100%;box-shadow: 0 1px 16px 0 rgba(0,0,0,.18);background: #fff            }
.Cus_testimonial .content a {height: 100%;width: 100%;display: block;position: relative;z-index: 1;padding: 0 0 0 0}
.Cus_testimonial .content>a:hover>img {filter: none}
.Cus_testimonial .content .overlay:hover {filter: none}
.Cus_testimonial .opacity {height: 100%;overflow: hidden}
.Cus_testimonial .watch_test span {font-family: "montserrat"}
.Cus_testimonial .info {bottom: 0;z-index: 1;left: 0;right: 0;color: #181617;background: #fff;padding: 0 25px 20px;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 2rem 1rem 1rem 1rem}
.Cus_testimonial .info img {position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto}
.Cus_testimonial .info h4 {font-size: 18px;font-weight: 700;color: #555}

.Cus_testimonial .about-icon {position: relative}
.quote { width: 100%; display: block; display: flex; align-items: center; position: absolute; top: -13px            }
.quote .left {display: block;background: linear-gradient(-90deg,rgb(245,56,67) 0%,rgb(47,87,149) 100%);width: 8%;height: 4px}
.quote img {margin: 0 5px;filter: drop-shadow(0 4px 9px rgba(0,0,0,.75))            }
.quote .right {display: block;background: linear-gradient(90deg,rgb(245,56,67) 0%,rgb(47,87,149) 100%);width: 100%;height: 4px}
.Cus_testimonial .info p {font-size: 13px;padding-top: 1rem;color: #888;font-weight: 400;margin-bottom: 0}
.Cus_testimonial .info p strong {font-size: 14px}
.Cus_testimonial img.full_img {width: 100%;transition: ease-in-out .5s;filter: grayscale()}
.video_overlay:hover img.full_img {filter: none}
.Cus_testimonial figure:before {width: 50px;height: 50px;background: #e11f26;border-radius: 50px;position: absolute;right: 1rem;bottom: 1rem;margin: auto;content: '';transition: ease-in-out 1s;z-index: 1;opacity: 0}
.video_overlay:hover figure:before {animation: wave-eff 1500ms infinite}
.Cus_testimonial .ply_icon {position: absolute;top: 0;left: 0;margin: auto;bottom: 0;right: 0;z-index: 1}
.Cus_testimonial figure {padding: 0;margin: 0}
.Cus_testimonial figure {position: relative;overflow: hidden}
.Cus_testimonial figure span { position: absolute; z-index: 9; top: 1rem; right: 1rem; font-size: 11px; padding: .2rem .5rem; background: linear-gradient(90deg,rgb(245,56,67) 0%,rgb(47,87,149) 100%); border-radius: 25px}
.individual_pagination {position: static; margin-top: 2rem}
.individual_pagination .swiper-pagination-bullet{padding: .3rem}
.swiper-pagination-bullet-active{background: #e11f26!important}
.model_screenshot_close { position: absolute; top: -9px; right: -9px; background: #e11f26!important; opacity: 1; width: 25px; height: 25px; border-radius: 25px; display: flex; align-items: center; justify-content: center; color: #fff; text-shadow: 0 0 #000; z-index: 1}
 .button_wrapper {width: 60px;height: 60px;background: #f33943;display: block;position: absolute;right: 1rem;bottom: 1rem;content: '';border-radius: 50px;z-index: 123;display: flex;justify-content: center;align-items: center;transition: ease-in-out .3s}
 .button_wrapper span.play_now {width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 20px solid #fff;background: transparent;border-radius: 2px;padding: 0;position: absolute;left: 3px;right: 0;top: 0;bottom: 0;margin: auto;filter: drop-shadow(0 9px 4px #44444449)}
 .video_overlay:hover .button_wrapper span.play_now {filter: drop-shadow(0 9px 4px #44444449)            }
 .video_overlay:hover .button_wrapper {background:#f33943}
.video_popup iframe { width: 100%; height: 440px;}
.video_popup {max-width: 800px;width: 100%;margin: auto;margin-top: 2rem;}
.modal-open .modal {backdrop-filter: blur(12px);}
.box-container{height: auto!important; display: flex}
.award{padding-left: 0; padding-bottom:5rem}
.award li{margin: 0 1rem; background: #fff; padding: 1rem; border: solid 1px #dedede}
.stellar_lab{max-width: 1110px; width: 100%; display: flex; margin: auto; border-radius: 22px;; overflow: hidden; color: #fff; position: relative; margin-top: 3rem; cursor: pointer}
.lab_container{padding: 2rem; text-align: left; display: flex; align-items: center}
.lab_container .globle_h{font-size:2.8rem; padding-right: 3rem }
.lab_container .globle_h sup{font-size: 50%}
.line{ display: block; background:linear-gradient(129deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); height: 2px; width: 50%; margin: 1rem 0}
.ancpoint{display: inline-block; font-family: 'Montserrat'; font-size: 1.875rem; border-bottom: solid 1px #fff; margin-top: 2rem}

.videoPlay{width: 118px; height: 118px; border-radius: 118px; background: #fb3840; position: absolute;left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.videoPlay:before{width: 100%; height: 100%; background: #00000012; content: ''; position: absolute; border-radius: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; transform: scale(1.3)}
.videoPlay:after{width: 0; height: 0; border-top: 20px solid transparent; border-bottom:20px solid transparent; border-left:36px solid #fff; background: transparent; border-radius: 2px; padding: 0; position: absolute; left: 15px; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; filter: drop-shadow(0 9px 4px #44444449); content: '';    }

.rating .col-4{display: flex; align-items: center; justify-content: center; margin-top: 1rem}
.make_india{list-style: none;  display: flex; justify-content: center; color: #fff; padding: 1rem 0; align-items: center; margin-bottom: 0 }
.make_india li:last-child{ margin-left: 2rem }
.make_india p{margin-bottom: 0}
.services_sec p{font-size: 15px; margin-bottom:4rem}
.step_wrapper{max-width: 243px; max-height: 243px; width: 100%; height: 100%; border-radius: 100%; border: solid 1px #f0f0f0; position: relative; overflow: hidden; }
.overlay{width: 100%; height: 100%; position: absolute; left: 0%; right: 0; z-index: 1; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; padding: 0 1rem; line-height: 1.5; font-size: 14px;  opacity: 0; transition: ease-in-out .3s}
.overlay p{padding-top: .8rem; font-size: 13px; margin-bottom: 0 }
 
.step_wrapper:hover .overlay{ opacity: 1}


.counter_text{list-style: none; display: flex; justify-content: space-around; margin-bottom: 0; width: 100%}
.counter_text li{text-align: center; margin: 1rem auto}
.counter_text li .gtext {background:linear-gradient(  147deg, rgb(245,56,67) 10%, rgb(47,87,149) 68%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;	text-fill-color: transparent;}
.counter_text .counter_h span {font-size: 42px; font-weight: 700; font-family:'Montserrat';}
.counter_text .counter_h span sup{font-size:60%; font-weight: 800; position: static;
    vertical-align: revert;}
.counter_sh{ font-size: 14px; font-weight: 700; text-transform: uppercase}
.counter_text p{margin-bottom: 0}
 
.button_sec ul{ list-style: none; padding-left: 0; margin-top: .5rem; font-size: .875rem}
.button_sec ul li span{color: #e11f26}
.button_sec{display: flex; flex-direction: column; max-width: 285px;}
.our_expertise {align-items: flex-start; padding-left: 0; margin-top: 3rem; justify-content: center}
.our_expertise li{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 20%; padding: 0 1rem; box-sizing: border-box; position: relative}
.our_expertise li img{max-width: 100%}
.our_expertise li:before{width: 15px; height: 15px; border: solid 1px #ccc; position: absolute; right: 0; top: 4rem;   margin: auto; content: ''; border-left: 0; border-bottom: 0; transform: rotate(45deg)}
.our_expertise li:after{width: 15px; height: 15px; border: solid 1px #ccc; position: absolute; right: .5rem; top: 4rem;   margin: auto; content: ''; border-left: 0; border-bottom: 0; transform: rotate(45deg)}

.our_expertise li:last-child:before, .our_expertise li:last-child:after{display: none}

.dataCareSection{background:linear-gradient(311deg, rgba(234,242,254,1) 58%, rgb(255 230 231 / 72%) 75%,  rgb(255 255 2555) 89%)}
.body_counter{display: flex; list-style: none; flex-wrap: wrap; justify-content: center; width: 100%;  margin-top: -6rem}
.body_counter li{width: 33.3%; line-height: 1.5;font-family: 'Montserrat'; text-transform: uppercase; font-size: .875rem; font-weight: 500; margin-top: 6rem; }
.body_counter li .gradient-text{font-size:52px; padding-bottom: 1rem; }
.body_counter li .gradient-text span{font-family: 'Montserrat'; }
.body_counter li .gradient-text sup{position: static; vertical-align:super; font-size: 62%}
.body_counter li .gradient-text i{font-style: normal; font-family: 'Montserrat';}
.product_title {font-size: 1rem; color: #e11f26; text-transform: uppercase; color: #e11f26;font-family: 'Montserrat'; font-weight: 700}

.award_sec .globle_h {font-weight: 700!important}
.main_award {max-width: 713px;width: 100%;margin-left: auto;position: relative}
.award_wrapper {padding: 2px;border-radius: 32px;position: relative;width: 100%}
.award-Swiper .swiper-slide {background: none;padding: 2px}
.award_container { background: #fff; border-radius: 28px; padding: 3rem 2rem}
.award-Swiper {text-align: left}
.award-Swiper .media-body {text-align: left}
.award-Swiper .media-body h5,.award-Swiper .media-body .h5 { font-family: 'Montserrat'; font-size: 28px; font-weight: 700}
.award-Swiper .media-body p {font-size: 20px;font-weight: 600;color: #888}
.award-Swiper .media figure {display: flex;flex-direction: column;align-items: center;justify-content: center}
.award-Swiper .media figure img+img {margin-top: .8rem}
.award-Swiper .swiper-slide {flex-direction: column;text-align: left;align-items: flex-start}
.award-Swiper .swiper-slide>p {font-size: 18px;margin-bottom: 1rem;color: #181617;margin-top: 1rem}
.award_wrapper .bg-quote {position: absolute;top: 0;background: #fff;display: inline-block;padding: 0 .5rem;left: 3rem;margin-top: -.9rem}
.award_wrapper .sm-quote {position: absolute;bottom: 0;right: 0;background: #fff;display: inline-block;padding: 0 .5rem;right: 3rem;margin-bottom: -.5rem}
.award-pagination {margin-top: 1rem}
.award-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 30px;background: #e11f26;height: 14px;border-radius: 12px;border-color: #e11f26}
.award-pagination .swiper-pagination-bullet {width: 14px;height: 14px;background: none;border: solid 2px #bbb;transition: .3s ease-in-out;opacity: 1!important}
.award-button-next,.award-button-prev {width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;bottom: 0;margin: auto;z-index: 1;border-radius: 25px;cursor: pointer;background: #888;color: #fff}
.award-button-next {right: -1.4rem}
.award-button-prev {left: -1.4rem}
.award-button-next:after,.award-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1; font-size: 16px; font-weight: 700 }
.award-button-next:after,.award-button-prev:after {content: 'next'}
.award-button-prev:after,.swiper-rtl .award-button-next:after {content: 'prev'}
.award_sec a.features_btn {max-width: 285px}

.good_in_hand .review_box{margin: 0 1rem}
.review_box{padding: 2rem;  box-shadow: 0px 0px 34.8px 5.2px rgba(0, 0, 0, 0.09); background: #fff; max-width: 260px; width: 260px;   border-radius: 22px; display: flex; align-items: center; justify-content: center; transition: ease-in-out .3s}
 .quote_stories {margin-top:3.5rem}
.review_box:hover{transform: translate(5px , -5px); box-shadow: -14px 14px 12px 0px rgba(0, 0, 0, 0.09)}


.white_btn{transition: ease-in-out .3s}
.white_btn span{ font-size: 16px; color: #fff; font-weight: 600}
.white_btn{padding: .8rem 1.4rem; border:none; background: #fff}
 
.white_btn span{  color: #181617}
 .white_btn img,  .white_btn:hover img{filter: grayscale(1)}
.white_btn:hover{ box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.35);}

.white_btn:before{ display: none}
.labTech{filter: grayscale(1)}
sup{font-size: 55%}

footer.glob_lr{padding-top: 0!important}
 

.btn-primary,.btn-primary.disabled,.btn-primary[disabled],.btn-primary.disabled:hover,.btn-primary[disabled]:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active {
    background-color: #e11f27;
    color: #fff;
    border: 2px solid #e11f27
}

.btn-primary:hover,.btn-primary:focus, .btn-primary:active {
    background-color: #e11f27!important;
    color: #fff;
    border: 2px solid #e11f27!important
}






@media screen and (max-width:1440px){
    .hero_banner{overflow: hidden}
    .hero_banner::before { right: -6rem}
 	
}

@media screen and (max-width:1280px){
    .hero_banner{padding-top: 3rem; padding-bottom: 3rem}
    }
	
	
@media screen and (max-width:1024px){
    .hero_banner{background-position-x:200%; padding-top: 3rem; padding-bottom: 3rem}
    .hero_banner .hero_title{font-size: 2.5rem}
    .hero_banner .hero_subtitle{margin: 1.5rem 0; font-size: 18px}
    .lab_container .globle_h { font-size: 2rem}
    .ancpoint{font-size: 1rem}
    .globle_h{font-size: 1.5rem!important}
    .counter_text .counter_h span{font-size: 1.5rem}
    .counter_text p{font-size: .8rem}
    .overlay p{font-size: 11px; line-height: 1; padding: 1rem}
    .lab_container ~ img{width: 50%}
     .hero_banner::before { right: -16rem}
    .body_counter li .gradient-text { font-size: 35px}
    .body_counter li{font-size: .75rem}
	
 
 
}


@media screen and (max-width:992px){
header{display: none}
    .hero_banner{background-position-x:-600%;}
    .device_wrapper:hover figure{transform: translateX(0)}
    .device_wrapper:hover h5, .device_wrapper:hover figcaption p{text-align: center}
    .step_wrapper { margin: auto; margin-bottom: 2rem}
    .counter_text{flex-wrap: wrap; padding-left: 0}
    .counter_text li{width: 33%}
    .make_india h3{font-size: 1.3rem}
    .good_in_hand {justify-content: center}
    .review_text{text-align: center}
    
 
}
@media screen and (max-width:767px){
    .hero_banner {text-align: center}
    .hero_banner .hero_title{font-size: 2rem}
    .videoPlay{width: 85px; height: 85px}
    .videoPlay:after{transform: scale(.8)}
    .hero_banner:before { filter: blur(5px); right: 0; opacity: .3}
    .button_sec{margin: auto}
    .our_expertise li{width: 50%; justify-content: center}
    .yearStamp{display: none}
    .award_left_col {text-align: center}
    .lavSevices {text-align: center}
 
}
 @media screen and (max-width:572px){
.lab_container .globle_h{font-size: 1rem!important}
.lab_container ~ img{width: 100%}
.stellar_lab { flex-direction: column-reverse}
.lab_container .globle_h { padding-right: 0}
.ancpoint{ margin-top: 0}
.ancpoint{font-size: .7rem}
.rating .col-4{margin-bottom: 2rem}
.make_india{flex-direction: column; text-align: center}
.make_india li:last-child{margin-left: 0; margin-top: 2rem}
.logo_list li img{max-width: 100%}
.logo_list, .left_side_logo p{padding-left: 0}
.left_side_logo p{padding-left: 0!important}
.counter_text li{width: 50%}
.device_wrapper figcaption{display: none}
.body_counter li {width: 100%; margin-top: 2rem}
.body_counter {margin-top: 1rem}
.award_container .media{flex-direction: column; justify-content: center; align-items: center; text-align: center}
.award_container .media-body{text-align: center}
.good_in_hand {flex-direction: column}
.review_box{margin: 1rem auto !important}
.main_award { margin-top: 2rem}
 .award-Swiper .media-body h5, .award-Swiper .media-body .h5{font-size: 1.25rem}
 .award-Swiper .media-body p{font-size: .875rem}
     .award-button-next, .award-button-prev{display: none}
      
 
}