@import url("https://osplabs.com/wp-content/themes/osplabs/assets/css/swiper.css");
.banner-home .core-service-wrap{max-width: 1645px;}
.banner-home .col-md-6.text-left{padding-left: 150px;}
.core-service-wrap .col-md-6:nth-child(1), .core-service-wrap .col-md-6:nth-child(2){margin-bottom: 40px;}
.core-img{background-image: url('../img/Core-Services.png');width:74px;height: 74px}
.col-md-3:nth-child(2) .core-img{background-position-x: -73px;width: 78px;}
.col-md-3:nth-child(3) .core-img{background-position-x: -151px;width: 71px;}
.col-md-3:nth-child(4) .core-img{background-position-x: -222px;width: 74px;}
.core-box h3{font-size: 20px; font-family: "publica-medium"; color: rgb(1, 23, 60); line-height: 20px;}
.core-box p, .development-wrap p, .service-wrap .tab-pane p, .focus-wrap p, .story-wrap p{font-size: 16px; font-family: "circularstd"; color: rgb(83, 111, 159); line-height: 1.75;}
.development-wrap .col-md-6 h4{font-family: "circularstdblack"}
.partner-number:after{position: absolute;width: 22px;height: 22px;background-color: #d9e1ef;top:41%;left: 48%;content: '';}
.development-wrap .col-md-6 p{line-height: 20px;margin-bottom: 0;}
.development-wrap .col-md-6:nth-child(1), .development-wrap .col-md-6:nth-child(2){padding-bottom: 30px;}
.development-wrap .col-md-6:nth-child(3), .development-wrap .col-md-6:nth-child(4){padding-top: 30px;}
.development-wrap .col-md-6:nth-child(1), .development-wrap .col-md-6:nth-child(3){padding-right: 60px}





/*our services*/
.nav-tabs{border-bottom: none;}
.service-wrap .nav-item{flex:1;}
.service-wrap .nav-item .nav-link{border: none !important;}
.service-wrap .tab-pane{border-width: 0px; border-color: rgb(238, 191, 76); border-style: solid; background-color: rgb(245, 247, 250);padding:30px 40px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.service-wrap .tab-content>.active{display: flex;align-items: center;}
.service-wrap .tab-pane .core-btn{white-space: nowrap;}


/*focus css*/
.focus-wrap .nav-tabs{border-bottom: 3px solid #dfe6f5;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;overflow-y: hidden;justify-content: space-between;}

.nav-tabs .nav-item{margin-bottom: 0}
.focus-wrap .nav-link{border: none;position: relative;padding: 0 10px 17px 10px}
.focus-wrap li:first-child .nav-link{padding-left: 0;}
.focus-wrap li:last-child .nav-link{padding-right: 0;}
.focus-wrap ul{list-style-position: inside;}
.focus-wrap ul li{font-size: 16px; font-family: "circularstd"; color: #536f9f; line-height: 1.75;margin-bottom: 5px}
.focus-wrap .tab-left{padding:40px; border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0.14px 3.998px 13.5px 1.5px rgba(218, 218, 218, 0.5);}
.focus-image{border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0.14px 3.998px 13.5px 1.5px rgba(218, 218, 218, 0.5);}
.focus-wrap .nav-link h3{color: #536f9f;font-family: "publica-medium";font-size: 19px;line-height: 19px;white-space: normal;}
.focus-wrap .nav-item .nav-link.active h3{color: #01173c;}
.focus-wrap .nav-item .nav-link:before{position: absolute; content: ' '; display: block; height: 3px; bottom: 0; left: 0; width: 0; background-color: transparent; z-index: 1;}
.focus-wrap .nav-item .nav-link.active:before{background-color: #000000; z-index: 2; transition: width .6s; position: absolute; content: ' '; display: block; height: 3px; bottom: 0; left: 0; width: 100%;}


.success-wrapper .carousel-indicators{top: 0;bottom: auto;display: flex;width: auto;}
.success-wrapper .carousel-item{padding-bottom: 15px;}
.success-wrapper .carousel-indicators li{flex:1; border-width: 2px; border-color: rgb(223, 230, 245); border-style: solid; height: 0px;}
.success-wrapper .carousel-indicators li.active{border-color: #000000;}
.story-wrap{padding:65px 65px 65px 130px;border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0.14px 3.998px 13.5px 1.5px rgba(218, 218, 218, 0.5);border: 0px; border-color: rgb(238, 191, 76); border-style: solid;max-width: 950px;width: 100%;margin: 70px 0 0 215px; }
.o-v{overflow:visible;overflow-x: hidden;}
.story-wrap h3{font-size: 20px; font-family: "publica-medium"; color: rgb(1, 23, 60); line-height: 20px;margin-bottom: 20px;}
.story-wrap img{left: -160px;top: 25px;content: ''}
.view-link{font-size: 18px; font-family: "circularstd"; color: rgb(37, 113, 240) !important; line-height: 1.556;margin-top: 40px;display: block;}
.success-wrapper .carousel-control-next, .success-wrapper .carousel-control-prev{top: 0;bottom: 0;}
.success-wrapper .carousel-control-prev{left: 0;}
.success-wrapper .carousel-control-next{right: 0;}
.success-wrapper .test-prev, .success-wrapper .test-next{width: 27px;height: 27px;background-color: #dfe6f5;border-radius: 50%;}
.success-wrapper .test-prev:hover, .success-wrapper .test-next:hover{background-color: #000}
.success-wrapper .test-prev i, .success-wrapper .test-next i{color: #fff}

.core-service-wrap.sol-wrap{max-width: 1000px;}
.sol-img{background-image: url('../img/solution-image.png');width:89px;height: 84px}
.sol-box{max-width: 300px;}
.sol-box:nth-child(1), .sol-box:nth-child(2), .sol-box:nth-child(3){margin-bottom: 30px;}
.sol-box .core-box{max-width: 300px;}
/*.core-box:hover .sol-img{background-position-y:-50px;}*/
.col-md-4:nth-child(2) .sol-img{background-position-x: -94px;width: 84px;}
.col-md-4:nth-child(3) .sol-img{background-position-x: -88px;width: 76px;}
.col-md-4:nth-child(4) .sol-img{background-position-x: -266px;width: 84px;}
.col-md-4:nth-child(5) .sol-img{background-position-x: -351px;width: 97px;}
.col-md-4:nth-child(6) .sol-img{background-position-x: -448px;width: 90px;}

.core-service-wrap.work-wrap, .core-service-wrap.focus-wrap{padding: 0 20px 100px;}
.work-with-img-wrap {margin: 0px auto 0; overflow: hidden; display: flex; align-items: center; justify-content: space-between; height: 91px !important; position: relative;}
.work-with-img-wrap img {margin: 0 100px 0 0; width: auto !important; }

.chain-wrapper, .customers-wrap{background-color: #edf0f5}
.chain-img{background-image: url('../img/Clinical-Value-Chain.png');width:77px;height: 74px}
.core-box:hover .chain-img{background-position-y:-74px;}
.col-md-6:nth-child(2) .chain-img{background-position-x: -77px;width: 66px;}
.development-wrap{background-color:#f5f7fa;max-width:1543px;margin: 100px auto 100px;}
.development-wrap .core-service-wrap{max-width: 1300px;padding: 100px 20px 100px}
.development-wrap h4{font-size: 27px; font-family: "circularstd"; color: rgb(1, 23, 60); line-height: 1.074;}

.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: 40px;}
.story-div{width: 3px;height: 25px;background-color:#01173c;}

a{cursor: pointer;}

.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{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; }

.form-group{margin-bottom: 30px !important;padding:0 15px !important;}
.form-group input, textarea.form-control{padding:24px 30px; font-size: 16px; font-family: "circularstd"; color: rgb(196, 209, 231);border: none;border-radius: 0}
textarea.form-control{height: 205px;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgb(196, 209, 231) !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgb(196, 209, 231) !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgb(196, 209, 231) !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: rgb(196, 209, 231) !important;
}
.sign-text{font-size: 18px; font-family: "circularstd"; color: rgb(1, 23, 60); line-height: 25px;}
.attachbtn, .contactBtn{padding: 14px 34px;height:auto;background-color: transparent;color: #01173c;border-radius: 5px;font-size: 18px; font-family: "circularstd"; line-height: 1.2;border:1px solid transparent; font-weight: 400;position: relative;}
.attachbtn input{position: absolute; text-indent: -999px; top: 0; bottom: 0; left: 0; right: 0;width: 100%}
.contactBtn{background-color: #2571f0;border-color: #2571f0;color: #fff}
.contactBtn:hover{background-color: transparent;color: #2571f0}
.attachbtn:hover{background-color: #2571f0; color: #fff }

.form-check-input{width: 18px;height: 18px;}
.footer-main .core-service-wrap{background-color: #152135;}

.tab-content>.tab-pane.active{display: flex;}

/*hanif*/
.temp-latest-talk{ background-color: #FAFAFA; }
/*FAQ Section*/
.accordion-card{background: #FFFFFF; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); border-radius: 0 ; margin-bottom: 25px; border:0;}
.blue-header{ background: #FFFFFF; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); border-radius: 0 ; border:0;  }
.accordion-question-body { color: #1A1A1A; font-size: 1rem; font-weight:500; font-family: 'Montserrat'; }
.accordion-card li{ font-size: 1rem; font-weight: 500; color: #1A1A1A; text-align: left; font-family: 'Montserrat'; margin-bottom: 8px; }
.accordion-card ul{ padding-left: 30px; font-size: 1rem; font-weight: 500; color: #1A1A1A; text-align: left; font-family: 'Montserrat'; }
.accordion-card ol{ padding-left: 54px; font-size: 1rem; font-weight: 500; color: #1A1A1A; text-align: left; font-family: 'Montserrat';
      position: unset !important; margin: 0 !important; width: 100%;  }
.accordion-card ol li{ font-size: 1rem; font-weight: 500; color: #1A1A1A; text-align: left; font-family: 'Montserrat'; width: 100%; }
.btn-link{ font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 24px; color: #1A1A1A; text-decoration: none !important; 
    text-transform: none; height: auto;}
.btn-link:hover{ text-decoration: none !important; color: #1A1A1A; }
.btn-link:focus{ box-shadow: none }
.btn-link .rm-icon{ display: none; }
.accordion-icon {color: #2571F0; margin-left: 15px;}
.btn-link[aria-expanded="true"] .rm-icon{ display: block }
.btn-link[aria-expanded="true"] .add-icon{ display: none }

/*pre section*/
.pre-section-heading:after{ display: none }
.pre-section{ margin-bottom: 15px !important;  }
.pre-section:last-child{ margin: 0 auto;  }
.pre-section-card{ background: #FFFFFF; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08); border-radius: 10px; border: 0 ; position: relative; }
.pre-section-card-body{ padding: 40px 20px ; padding-bottom: 93px;  }
.pre-img-wrapper{ background: #EEF4FF; border-radius: 5px; height: 85px; width: 90px; margin : 0 auto; display: flex; 
         justify-content: center; align-items: center; margin-bottom: 18px}
.pre-section-card-body h3{ font-family: 'Montserrat'; font-weight: 600; font-size: 18px; 
   text-align: center; text-transform: capitalize; color: #323232; max-width: 600px; margin-bottom: 20px; }

.accordion-wrapper .card-body{ text-align: start; }
.list-wrapper ul{ text-align: start; margin-left: 23px; list-style: none; font-family: 'Montserrat'; font-weight: 400;
font-size: 16px;  text-transform: capitalize; color: #323232; }
.list-wrapper ul li{ position: relative; margin-bottom: 15px }
.list-wrapper ul li::before {content: "\2022"; color: #2571f0; font-weight: 900; display: inline-block; width: 22px; 
    margin-left: -24px; font-size: 29px; position: absolute; top:-10px;  }
.pre-section-btn{ position: absolute; bottom : 32px; right: 0; left:0; width: 170px; margin-left: auto; margin-right: auto;}


.banner-home h1 p{font-size: 50px;line-height: 52px;}

.it-solution-wr{ background-color: #F5F7FA;}
.it-solution-div .nav-tabs{
  gap: 10px 12px; justify-content: center; 
  overflow-x: auto;
    flex-wrap: nowrap;
}
.it-solution-div .nav-tabs .nav-link{ 
     border: 1px solid #2571F0 !important;color: #323232;
     font-weight: 500;font-size: 16px;
     font-family: "publica-medium"; border-radius: 5px !important; white-space: nowrap; }
.it-solution-div .nav-tabs .nav-link.active{
  background-color: #2571F0 !important;
  color: #fff !important; 
}
.it-solution-div .tab-pane{ padding-top: 25px; }
.it-tab-flex{ display: flex; gap: 16px; align-items: center; justify-content: center; width: 100%;}
.it-tab-flex .img-wr{
  border-radius: 5px;
  max-width: 570px;
  overflow: hidden;
}
.it-tab-flex .img-wr img{
  border-radius: 5px;
  width: 100%;
}
.it-listing-wr h3{
  text-align: start; color: #323232; font-weight: 500; size: 30px; font-family: "publica-medium";
}
.it-solution-wr .carousel-indicators{ position: unset !important; padding-top: 30px !important; gap: 0 8px;}
.it-solution-wr .carousel-indicators li{
  height: 10px; width: 10px; border-radius: 50%; border: 1.5px solid #A1A1A1;
}
.it-solution-wr .carousel-indicators li.active{
  background-color: #2571F0 !important; border-color: #2571F0 !important;
}
.it-tab-flex ul{ 
  text-align: start;
  margin-left: 30px;
  list-style: none;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: #323232;
}
.it-tab-flex ul li::before{ 
  content: "\2022";
    color: #2571F0;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 25px;
}
     

@media (max-width: 1536px) {
  .banner-home .col-md-6.text-left{padding-left: 100px;}
  .core-service-wrap, .development-wrap .core-service-wrap{padding: 80px 20px;}
  .banner-home .core-service-wrap{height: 768px;}
  .banner-home h1{font-size: 50px;line-height: 52px;}
  .banner-home h1 p{font-size: 50px;line-height: 52px;}
  .banner-home p{font-size: 22px;margin-bottom: 30px;}
  .core-service-wrap.work-wrap, .core-service-wrap.focus-wrap{padding: 0 20px 80px;}
  .core-service-wrap h2{font-size:38px;margin-bottom: 45px;}
  .development-wrap{margin: 80px auto 80px}
  .talk-box{width: 400px !important}
  .talk-box .talk-name{bottom: 30px;}
  .focus-wrap .tab-left{padding:30px;}
}
@media (max-width: 1366px) {
  .banner-home h1 {font-size: 42px; line-height: 47px; }
  .banner-home h1 p{font-size: 42px; line-height: 47px; }
  .development-wrap .col-md-6:nth-child(1), .development-wrap .col-md-6:nth-child(3){padding-right: 40px}
  .development-wrap .col-md-6:nth-child(3), .development-wrap .col-md-6:nth-child(4){padding-top: 25px;}
  .development-wrap .col-md-6:nth-child(1), .development-wrap .col-md-6:nth-child(2){padding-bottom: 25px}
}
@media (max-width: 1280px) {
  .story-wrap{margin: 70px 0 0 190px}
}
@media (max-width: 1240px) {
  .testimonials{margin-left: 40px;}
}
@media (max-width: 1200px) {
  .partner-number:after{top: 34%;}
  .story-wrap {margin: 40px auto 0; padding:40px;max-width: 90%;}
  .story-wrap img {left: 0; display: block; top: 0; text-align: center; margin: 0 auto;position: relative !important;} 
}
@media (max-width: 1024px) {
  .core-service-wrap, .development-wrap .core-service-wrap{padding: 60px 20px;}
  .core-service-wrap.work-wrap, .core-service-wrap.focus-wrap{padding: 0 20px 60px;}
  .core-service-wrap h2{font-size:32px;margin-bottom: 35px;}
  .core-box h3{font-size: 17px;}
  .core-box{padding:20px;}
  .form-group input, textarea.form-control{padding:20px 20px;font-size: 14px;}
  textarea.form-control{height: 180px;}
  .sign-text{font-size: 16px;line-height: 28px;}
  .core-btn, .attachbtn, .contactBtn {padding: 8px 20px; font-size: 14px; }
  .carouselBox{width:100% !important;}
  .development-wrap{margin: 60px auto 60px}
  .development-wrap .col-md-6:nth-child(1), .development-wrap .col-md-6:nth-child(3){padding-right: 30px;}
  .partner-number:after{left: 47.2%;top: 43%;}
  .focus-wrap .tab-left{padding:20px;}
  .view-link{margin-top: 20px;}
}
@media (max-width: 991px) {
  .development-wrap .col-md-6 p{font-size: 15px;}
  .partner-number:after{top: 31%;}
  .btn-link{ font-size: 19px; font-weight: 600;}
  }
@media (max-width: 768px) {
  .core-service-wrap{padding: 45px 20px}
  .development-wrap .core-service-wrap, .core-services-wrap .banner{padding: 45px 20px !important}
  .core-service-wrap h2{font-size:28px;margin-bottom: 30px;}
  .development-wrap{margin: 45px auto 45px}
  .banner-home p{margin-bottom: 20px;font-size: 18px;}
  .banner-home h1 {font-size: 36px; line-height: 42px; }
  .banner-home h1 p{font-size: 36px; line-height: 42px; }

  .banner-home .core-service-wrap{height: auto;}
  .banner-home .carousel-indicators{bottom: 20px;}
  .banner-home .carousel-indicators li{height: 40px;font-size: 16px;}
  .service-wrap .tab-pane{padding: 15px 20px;}
  .partner-number:after{top: 32%;}
  .slidervideo:after{width: 40px;height: 35px;}
  .talk-box{width: 250px !important}
  .latesttalk{height: 270px !important}
  .talk-box h5{left: 20px;font-size: 14px;padding: 3px;line-height: 14px;bottom: 70px;}
  .talk-box .talk-name{left: 20px;right:20px;bottom: 24px;font-size: 14px;}
  .talk-box.cycle-slide-active{width: 300px !important}

}
@media (max-width: 767px) {
  .banner-home .col-md-6.text-left{padding-left: 15px}
  .banner-home h1{font-size: 32px;line-height: 36px;}
  .banner-home h1 p{font-size: 32px;line-height: 36px;}
  .banner-home p{font-size: 16px;}
  .core-service-wrap .col-md-6, .core-service-wrap .col-md-3{margin-bottom: 25px !important;}
  .development-wrap .col-md-6:nth-child(1), .development-wrap .col-md-6:nth-child(3){border-right: none !important;border-bottom: 1px solid #dee2e6!important}
  .development-wrap h4{font-size: 24px;}
  .development-wrap .col-md-6:nth-child(1), .development-wrap .col-md-6:nth-child(2), .development-wrap .col-md-6:nth-child(3), .development-wrap .col-md-6:nth-child(4){padding-bottom: 10px;text-align: center !important;padding-top: 0;margin-bottom: 15px !important}
  .development-wrap .col-md-6:nth-child(4){border-bottom: none !important;text-align: center !important;margin-bottom: none !important}
  .partner-number:after{display: none;}
  .slidervideo{margin: 15px auto;padding-bottom: 34.25%;max-width: 420px;}
  .testimonials{margin-left: 0}
  .confused{margin-top: 10px !important}
  .banner-home .carousel-indicators li{width: 75px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;display: block;height: auto;padding: 6px 10px}
  textarea.form-control{margin-bottom: 20px;}
  .sol-box:nth-child(4), .sol-box:nth-child(5){margin-bottom: 30px;}
  .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: center;}
  .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}
  .focus-image{margin-top: 30px;}
  .focus-wrap .nav-link h3{font-size: 17px;line-height: 17px;}
  .story-wrap{padding: 25px 25px 60px;max-width: 85%;}
  .success-wrapper .carousel-control-next, .success-wrapper .carousel-control-prev{    top: auto;bottom: 30px;}
  .success-wrapper .carousel-control-next{right: 35%;}
  .success-wrapper .carousel-control-prev{left: 38%;}
  .form-blue-wrap .core-service-wrap .col-md-6.pre-section{ margin-bottom: 15px !important; }
  .form-blue-wrap .core-service-wrap .col-md-6.pre-section:last-child{ margin-bottom: 0 !important; }

  .it-solution-div .nav-tabs{
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: start;
  }
  .it-solution-div .nav-tabs .nav-link{
    font-size: 13px;
    padding: 8px 10px;
    white-space: nowrap;
  }
  .it-listing-wr h3{
    font-size: 24px !important;
  }
  .it-tab-flex{
    flex-wrap: wrap;
  }
}