@import url("https://osplabs.hplbusiness.com/wp-content/themes/osplabs/assets/css/sol-common.css");
@import url("https://osplabs.hplbusiness.com/wp-content/themes/osplabs/assets/css/testimonial.css");
@import url("https://osplabs.hplbusiness.com/wp-content/themes/osplabs/assets/css/about-global.css");
@import url("https://osplabs.hplbusiness.com/wp-content/themes/osplabs/assets/css/form-global.css");
.headerWrapper{background-color: transparent;box-shadow: none;}
/*for header changes done by priyanka*/
.headerWrapper{
  background: transparent;
}
.navigation-section.headerNav>.menu-my-menu-container>ul>li>a{color: #000 !important}
.header-call-number{    border: 1px solid #000 !important;background: #000 !important;color: #fff !important;}
.header-call-icon{border:1px solid #000 !important;}
.header-call .fa-phone, .headerWrapper .nav_button span i {color: #000 !important; }
.headerWrapper .white-logo{display: none !important;}
.headerWrapper .blue-logo{display: block !important; }
.getStartedBtn:hover{border:1px solid #2571f0 !important;}
/*End*/

.banner-home{background-image: url('../img/award-bg-new.jpg') !important;}
.banner-home .core-service-wrap{height: auto;padding: 140px 0 100px;height: auto !important; }
.core-service-wrap, .headerWrapper .core-service-wrap{max-width: 1300px;}
.banner-home h1{
  font-size: 48px;
  font-family: "circularstd";
  color: rgb(102, 74, 221);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.banner-home h1 span:first-child{font-family:"circularstdmedium";font-size: 30px;color: #01173c}
.banner-home h1 span:last-child{font-size: 42px;color: #2571f0;line-height: 54px;display: block;}
.banner-home p{color: rgb(1, 23, 60);font-family: "circularstdmedium";font-size: 22px;line-height: 1.667;  }
.banner-home p span{font-family: "circularstdblack"}
.core-service-wrap.work-wrap{padding: 80px 0 80px}
.core-service-wrap, .core-service-wrap.client-test{padding: 80px 0 80px;}
/*.core-box p{margin: 0 auto 25px;max-width: 280px;}*/
.customers-wrap, .num-section {background-color: #ebf6ff; }
.development-wrap {background-color: #f5f7fa; max-width: 1543px; margin: 0 auto 100px; }
.core-service-wrap h2{    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    text-transform: uppercase;
    color: #323232;}
    .core-service-wrap h2 > span{position: absolute;left: 0;right: 0;margin: 0 auto;top: -20px;z-index: -1}
.core-service-wrap h2, .our-journey-wrapper h2{margin-bottom: 60px;color: #323232}
.work-with-img-wrap{flex-wrap: wrap;height: auto !important;justify-content: space-around;}
.error{font-size: 16px !important}
.carousel-item, .testimonial-content{min-height: inherit;}
.service-wrap .core-box:hover{border-color: #2571f0}
/*.testimonial-content{align-items: center;}*/
.work-with-img-wrap img{margin: 0 40px;}
.num-section h4{font-size: 40px;color: #01173c;font-family: "circularstdblack";}
.num-section .core-service-wrap{padding: 45px 0}
.num-section p{font-size: 20px;color: #627ba6;font-family: "circularstd";text-align: left;}
.web-right-content{max-width: 480px;background-color: rgba(255,255,255,0.8);}
.web-right-content h3{font-size: 26px; font-family: "publica-medium"; color: rgb(254, 254, 254); line-height: 35px; padding: 12px 25px;background-color: #2571f0;text-align: center;}
.web-form {padding: 40px 30px 40px;text-align: left;}
.web-form label{font-size: 20px; font-family: "circularstd"; color: rgb(83, 111, 159);margin-bottom: 10px;text-align: left;padding: 0;line-height: 20px}

.web-form input, .web-form textarea {font-style:italic;border: 2px solid #edf0f5; width: 100%;height: 44px;  background: rgba(255,255,255,0.5); font-size: 18px !important; font-family: "circularstd"; color: #536f9f; padding-left: 20px; text-transform: inherit !important;padding: 15px}
.web-form textarea{height: 140px;}
.web-form .core-btn{background-color: #2571f0;border-radius: 5px;max-width: 176px;width: 100%;margin: 0 auto;color: #fff !important; border:1px solid transparent;line-height: 13px;height: 44px;font-weight: 400;text-align: center;}
.web-form .core-btn:hover{border:1px solid #2571f0 !important;  color: #2571f0 !important;background-color: transparent !important;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #536f9f !important;font-size: 14px !important;font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #536f9f !important;font-size: 14px !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #536f9f !important;font-size: 14px !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #536f9f !important;font-size: 14px !important;
}
.core-box.award{box-shadow: none;border:1px solid #c0c0c0;padding: 60px}
.core-box.award p{font-size: 18px;line-height: 1.2}
.core-box.award.border-right-none{border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-top-left-radius: 0;border-bottom-left-radius: 0}
.core-box.award{border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.core-box h3.case-title{font-size: 35px;line-height: 35px}
.link-dash{color: #2571f0;font-size: 22px;text-decoration: underline;font-family: "circularstdbold"}
.link-dash:hover{color: #01173c;font-size: 22px;text-decoration: underline;}

.serve-box .core-box{background-color: #cee9ff;}
.serve-box .core-box h3{line-height: 24px;}
.explore-wrap{background-color: #f7f7f7}
.core-service-wrap.sol-wrap{max-width: 1300px;}
.offer-content{padding: 40px;background-color: #f5f7fa;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.nav-tabs{border-bottom: none;}
.service-wrap .nav-item{flex:1;}
.service-wrap .nav-item .nav-link{border: none !important;padding: 0;height: 100%}
.service-wrap .tab-pane{padding:0;}
.service-wrap .tab-content>.active{display: flex;align-items: center;flex-wrap: wrap;}
.service-wrap .tab-pane .core-btn{white-space: nowrap;border:1.25px solid #2571f0;font-size: 22px;line-height: 22px;padding: 13px 22px}

.sol-wrap h3 {
    font-size: 22px;
    font-family: "publica-medium";
    color: #01173c;
    line-height: 20px;}
    .sol-wrap h3 > span{line-height: 0}
    .sol-wrap span{color: #2571f0; font-size: 20px;margin-bottom: 15px;display: block;line-height: 20px;
    font-family: "publica-medium";}
.service-wrap .core-box{max-width: 300px;border-width:2px;border-color: transparent;}
.sol-wrap p, .sol-wrap li{    font-size: 16px;
    font-family: "circularstd";
    color: #536f9f;
    line-height: 1.75;}
.sol-wrap ul{padding-left: 15px}
.num-section .core-btn{background-color: #01173c;color: #fff !important;border:1px solid #01173c;}
.num-section .core-btn:hover{background-color: transparent !important;color: #01173c !important}
.num-section .core-service-wrap h2{margin-bottom: 30px}

 #demoOne .carousel-item, .testimonial-content{min-height: inherit;}
.say{position: relative;}
.say img{content: '';top: -22px;left: 45%;z-index: -1 }
.testimonials .para {font-size: 16px; font-family: "circularstd"; color: #536f9f; line-height: 1.7; text-align: left; max-width: 600px; margin-bottom: 20px;}
.client-designation{color: #536f9f;font-size: 16px; font-family: "circularstd";}
.selita-nm{font-size: 24px; font-family: "publica-bold"; color: rgb(1, 23, 60); font-weight: bold; line-height: 24px;text-transform: capitalize;}
.story-div{width: 3px;height: 25px;background-color:#01173c;}
.carousel-control-prev{right:45px;left:auto;}
.link{width: 23px;height: 23px;text-align: center;color: #fff;background-color: #0077b7;display: block;border-radius: 2px;}
.link i{color: #fff;}
a{cursor: pointer;}
.space{margin-bottom: 100px;}
.carouselBox{width:100% !important;}
.carousel-control-next, .carousel-control-prev{top:auto;bottom: 0; font-size: 18px; font-family: "circularstd"; color: rgb(149, 165, 193); line-height: 1.556;width: 35px;}
.carousel-control-next{color: #2571f0}
.carousel-control-next:hover, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-prev:focus{color: #2571f0}
.slidervideo{position: relative;width: 100%;}
.slidervideo iframe{width: 100%;position: relative;z-index: 99;border:2px solid #1a6df8;}
.slidervideo:before{position: absolute;background-color: #cdcfd1;left:-15px;top:-15px;right:-15px;bottom:-15px;content: '';z-index: 1;border-radius: 10px;}
.slidervideo { position: relative; padding-bottom: 58.25%; height: 0; max-width: 540px;margin: 15px; }
.slidervideo img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; cursor: pointer; }
.slidervideo:after { content: ""; position: absolute; display: block; 
    background: url(../img/playbtn.png) no-repeat 0 0; 
        top: calc(58% - 60px);left: calc(58% - 60px); width: 65px; height: 60px; z-index: 99999; cursor: pointer; } 
.slidervideo iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 
/* image poster clicked, player class added using js */
.slidervideo.player img { display: none; }
.slidervideo.player:after { display: none; }

.awardwrap{padding: 80px 20px;max-width: 1300px;width: 100%;position: relative;margin: 0 auto}
.awardwrap h3{font-size: 30px; font-family: "circularstdmedium"; color: rgb(1, 23, 60); line-height: 36px;margin-bottom: 50px;}
.awardwrap p{font-size: 22px;font-family: "circularstdmedium";line-height: 30px;margin-top: 40px;color: #01173c}
.awardwrap .carousel-item{max-width: 980px;margin: 0 auto;width: 80%;float: none;}
.awardwrap .carousel-control-prev, .awardwrap .carousel-control-next{  left:0;  bottom: auto; top: 60%; width: 40px; height: 40px; background: #ebf6ff; border-radius: 50%;}
.awardwrap .carousel-control-next{right: 0;left: auto;}
.awardwrap i{font-size: 40px;color: #01173c}
form .core-btn{background-color: #2571f0; color: #fff !important; margin-top: 40px; padding: 13px 30px; border-radius: 0 !important; font-family: 'Montserrat' !important; font-weight: 500; font-size: 13px !important; text-transform: uppercase; line-height: 16px; height: auto; border: 1px solid #2571f0;
}
form .core-btn:hover {background-color: transparent !important; border: 1px solid #2571f0; color: #2571f0 !important; }
.form-blue-wrap .core-service-wrap h2:after{width: 80%}
.client-right span:last-child{font-family: "circularstd";font-size: 16px;color: #536f9f;font-weight: 400}
.client-right p{font-family: 'circularstd';color: #536f9f}
/*.client-right span{font-family: ''}*/
.ind-hover-box h3 {color: #fff; font-weight: 600; font-size: 15px; line-height: 18px; margin-bottom: 10px;}
.ind-hover-box i{font-size: 14px;}
.ind-hover-box a:hover i{color: #000}
.ind-box.sols-box{cursor: inherit;}
.sols-box .replace-box{border-radius: 10px;border:2px solid transparent;}
.ind-box.sols-box:hover .replace-box h3{color: #323232}
.ind-box.sols-box:hover .replace-box{border:2px solid #2571F0;background-color: transparent;}

@media (max-width: 1536px) {
  .core-service-wrap h2{font-size: 30px;}
  .space{margin-bottom: 80px;}
  .num-section .core-service-wrap{padding: 40px 0}
  .num-section p{font-size: 18px;}
  /*.banner-home .core-service-wrap{height: 768px;}*/
  .banner-home .core-service-wrap{padding: 125px 0 85px}
  .banner-home h1{font-size: 46px;line-height: 1.2;}
  .banner-home h1 span:last-child{font-size: 40px;}
  .core-box h3.case-title {font-size: 30px; line-height: 30px; }
  .link-dash{font-size: 20px}
  .banner-home p{font-size: 20px;margin-bottom: 30px;}
  .core-service-wrap.work-wrap, .core-service-wrap, .core-service-wrap, .core-service-wrap.client-test{padding: 60px 0 60px;}
  .development-wrap{margin: 0 auto 80px;}
  .core-service-wrap h2, .our-journey-wrapper h2{font-size:30px;margin-bottom: 40px;}
  .talk-box{width: 400px !important}
  .talk-box .talk-name{bottom: 30px;}
  .m-100{margin-bottom: 60px !important}
  .num-section h4{font-size: 34px;}
  .web-right-content h3{font-size: 34px;padding: 15px;}
  .core-box.award{padding: 45px;}
  .awardwrap h3{font-size: 28px;margin-bottom: 40px;line-height: 32px}
  .awardwrap p{margin-top: 30px;font-size:20px;line-height: 28px;}
}

@media (max-width: 1366px) {
  .banner-home h1 {font-size: 42px;  }
  .banner-home h1 span:first-child{font-size: 28px;}
  .banner-home h1 span:last-child{font-size: 36px;line-height: 48px;}
  .m-100{margin-bottom: 50px !important}
  .core-service-wrap, .core-service-wrap, .core-service-wrap.client-test{padding: 40px 20px}
  .num-section .core-service-wrap{padding: 40px 20px;}
  .awardwrap{padding: 40px 20px}
  /*.awardwrap{max-height: 536px;}*/

}
@media (max-width: 1280px) {
  .banner-home .core-service-wrap{padding: 120px 20px 70px}
  .banner-home h1 {font-size: 42px; line-height: 1.18; }
  .banner-home h1 span:last-child{font-size: 34px;line-height: 46px}
  .awardwrap .carousel-control-prev, .awardwrap .carousel-control-next{left: 30px}
  .awardwrap .carousel-control-next{right: 30px;left: auto;}
  .awardwrap h3{font-size: 24px;margin-bottom: 30px;line-height: 28px}
  .logo-wrapper{margin-left: 0}
  .core-box h3.case-title{font-size: 26px;line-height: 26px;}
  .core-box.award{padding: 35px;}
}
@media (max-width: 1240px) {
  .testimonials{margin-left: 40px;}
}

@media (max-width: 1024px) {
	.core-service-wrap.work-wrap{padding: 40px 0}
	.development-wrap{margin: 0 auto 60px;}
	.num-section h4{font-size: 30px;margin-bottom: 8px !important}
  .banner-home p{font-size: 18px;}

  .carousel-item, .testimonial-content{min-height: inherit;justify-content: center;}
  .testimonials{margin-left: 25px;}
  .awardwrap p{margin-top: 25px;font-size:18px;line-height: 26px;}
}

@media (max-width: 768px) {
	.banner-home h1 {font-size: 36px; line-height: 42px; }
  .banner-home p{font-size: 16px;}
  .awardwrap h3{font-size: 18px;margin-bottom: 20px;line-height: 25px}
  .sol-wrap h3{font-size: 18px}
	.core-service-wrap h2{font-size: 24px;margin-bottom: 30px}
  .sol-wrap span{margin-bottom: 10px}
	.web-right-content h3{font-size: 28px;padding: 10px;}
	.web-form{padding: 30px 20px;}
  .service-wrap .tab-pane .core-btn{font-size: 20px;line-height: 20px;padding: 10px 20px;}

  .carouselBox{margin: 0 auto}
  .banner-home .core-service-wrap{min-height: inherit;padding: 100px 20px 60px !important}
  .carousel-item, .testimonial-content{min-height: inherit;}
  .core-box.award{padding: 25px;}
  .awardwrap .carousel-control-prev, .awardwrap .carousel-control-next{width: 30px;height: 30px;}
  .awardwrap i{font-size: 26px;}
  .ind-box.sols-box .replace-box{padding: 20px 15px}
  .ind-box .replace-box{padding: 20px 15px 0}
}
@media (max-width: 767px) {
	.banner-home h1{font-size: 32px;line-height: 35px}
  .banner-home h1 span:first-child{font-size: 24px;}
  .banner-home h1 span:last-child{font-size: 28px;line-height: 35px}
	.core-service-wrap.work-wrap, .num-section .core-service-wrap, .core-service-wrap, .core-service-wrap, .core-service-wrap.client-test{padding: 40px 20px}
	.development-wrap{margin: 0 auto 45px;}
	.core-service-wrap .col-md-4{margin-bottom: 25px}
	.core-service-wrap .col-md-3.mb-0{margin-bottom: 0 !important}
	.border-right{border-right: 0 !important}
  .core-service-wrap .col-md-6, .core-service-wrap .col-md-3{padding-right: 15px !important;padding-left: 15px !important;margin-bottom: 0 !important}
  .award > div{margin-bottom: 1.5rem !important}
  .core-box h3.case-title{font-size: 22px;}
  .slidervideo{width: 90%}
  .core-service-wrap .circular-box{margin-bottom: 0 !important}
  .testimonial-content {width: 100%; margin: 0;}
  .testimonials{margin-left: 0}
  .story-auto-details img{max-width: 125px !important}
  .story-auto-details{margin-bottom: 10px;margin-top: 10px}
  .selita-nm{font-size: 20px;line-height: 20px;}
  .work-with-img-wrap div{margin-bottom: 0 !important}
  .work-with-img-wrap img{margin: 0 15px 30px;}
  .slidervideo:before {position: absolute; background-color: #cdcfd1; left: -10px; top: -10px; right: -9px; bottom: -10px; content: ''; z-index: 1; border-radius: 10px;}
  .carousel-item, .testimonial-content{min-height: inherit;}

   /*our services*/
  .service-wrap .nav-tabs{flex-wrap: nowrap;overflow-y: hidden;overflow-x: auto;white-space: nowrap;margin-bottom: 10px;}
  .service-wrap .tab-content>.active{flex-wrap: wrap;justify-content: flex-start;}
  .service-wrap .tab-content .core-btn{margin-top: 10px;}
  .service-wrap .nav-item .nav-link{padding: 0;border-bottom: 2px solid #f5f7fa;}
  .service-wrap .nav-item{margin-bottom: 0}
  .service-wrap .core-box{box-shadow: none;border-radius: 0;padding: 10px;}
  .service-wrap .core-box h3{font-size: 16px;white-space: nowrap;}
  .service-wrap .nav-item .nav-link.active{border-bottom: 2px solid #1a6df8 !important}

  .ind-hover-box{display: block !important}
  
}

@media screen and (max-width: 600px){
.banner-home {margin-top: 0px !important;}
.awardwrap .carousel-control-prev, .awardwrap .carousel-control-next{top: 73%;left: 20px;}
.awardwrap .carousel-control-next{right: 20px;left: auto;}

}
@media screen and (max-width: 480px) {
  .awardwrap .carousel-control-prev, .awardwrap .carousel-control-next{left: 10px;}
  .awardwrap .carousel-control-next{right: 10px;left: auto;}
  .slidervideo:after {
    left: calc(60% - 60px) !important;
    top: calc(73% - 60px) !important;}
  }
@media screen and (max-width: 320px) {
  .testimonials img{margin: 0 0 15px !important}
  .selita-nm{font-size: 20px !important;}

}