@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


h1, h2, h3, h4, h5, h6 {
  font-family: "Plus Jakarta Sans"; font-weight:700
}
body { font-family: "Plus Jakarta Sans"; color: #000;}
p.subTxt b{ font-weight:600}
nav.navbar a, nav.navbar a:focus{ padding:10px 20px !important; font-size:16px}

nav.nav-tabs .nav-item.show .nav-link,
nav.nav-tabs .nav-link.active {
  color: #fff;
  background-color: red !important;
  border-radius: 10px;
}
.whyOutSourceInnerBox h2::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 29px;
  right: 0;
  height: 2px;
  background: rgb(247,138,24);
  background: linear-gradient(90deg, rgba(247,138,24,1) 0%, rgba(255,255,255,0) 100%);
  margin: 0 0 0 440px;
}
.whyOutSourceInnerBox h2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 29px;
  right: 50%;
  height: 2px;
  background: rgb(247,138,24);
  background: linear-gradient(270deg, rgba(247,138,24,1) 0%, rgba(255,255,255,0) 100%);
  margin: 0 440px 0 0;
}
.whyOutSourceListGrid{ width:100%; max-width:870px; margin:55px auto 40px auto; display:flex; grid-gap:24px; flex-wrap: wrap;}
.whyOutSourceListGrid .whyListBox{ width:calc(33.33% - 16px); margin-bottom:24px}
.whyOutSourceListGrid .whyListBox img{ width:100%}
.whyOutSourceListGrid .whyListBox p{ margin-top:-110px; color:#fff; font-size:20px; font-weight:600; padding-left:20px; min-height: 90px; padding-bottom: 0 !important;
  margin-bottom: 0 !important;}

.streamLineOuter{background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(203,234,255,1) 100%); }
.streamLineOuter p.whiteTab{ margin:40px auto 0 auto; background:#DBE9FF}

.reductionBox{ display:flex; width:100%; flex-direction: column; padding-top:80px}
	
.isoImg{ margin-top:-14px}
	
	.subTabs{ display:flex; margin: 0 auto;}
	.subTabs div{align-content: center;}
	.subTabs div:nth-child(1){ margin-right:-60px}
	.subTabs div:nth-child(3){ margin-left:-60px}
	.subTabs div:nth-child(2){ position:relative; z-index:1}
	
	.discoverInnerBoxes{ display:flex; max-width:1180px; margin:0 auto; gap:30px; flex-wrap: wrap;  justify-content: center}
	.discoverInnerBox{background: hsla(0, 0%, 97%, 1); background: linear-gradient(45deg, hsla(0, 0%, 97%, 1) 0%, hsla(240, 33%, 95%, 1) 100%);
	background: -moz-linear-gradient(45deg, hsla(0, 0%, 97%, 1) 0%, hsla(240, 33%, 95%, 1) 100%); background: -webkit-linear-gradient(45deg, hsla(0, 0%, 97%, 1) 0%, hsla(240, 33%, 95%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F8F8F8", endColorstr="#EDEDF6", GradientType=1 ); border-radius:15px; text-align:left; padding:25px 45px; width:calc(33.33% - 20px)}

	.transitionBox{ display:flex; max-width:1230px; margin:0 auto; text-align:center;flex-direction: column;}
	.helpingBrands p.transheading{ font-size:36px; font-weight:600; color:#fff; text-align:center; margin:150px auto 0px auto; padding-bottom:30px}
	.transTxtUnderline{ margin:0 auto; max-width:100%}
	
	
	.transitionBoxSlider { margin-top:70px}
	.gradeientBox{ background: rgb(19,46,59); background: linear-gradient(180deg, rgba(19,46,59,1) 0%, rgba(17,24,39,1) 100%); border-radius:15px; padding:20px; border:1px solid #fff;margin-top:50px; min-height: 480px;}
	

	
	.owl-carousel .owl-item img.procurementIcon{ width:85px; margin:0 auto}
	.itemInner{ border-radius:15px; padding:40px 20px 20px 20px; width:100%; margin-top:-20px; background: #dacfff;background: linear-gradient(180deg, #dacfff, #9c7eff);}
	

	section.marginTopEmployees{ margin-bottom:100px}
	
	.owl-carousel .owl-item img.erpSlider{ width:auto !important; margin:0 auto !important}
	.erpSlider{ max-width:1145px; margin:50px auto}
	
	section#lpMainBox{background: #000;background: linear-gradient(180deg, #000, #0f181f); margin-top:0 !important}
	.lpOverviewContainerLeft{ padding-left: 50px; align-content: center; align-items: center; align-self: center;}
	.lpOverviewContainerLeft h2{margin-bottom: 20px;}
	.ctaBox{ background:#315191; padding:70px 0}
	
	.ctaBox p{ color:#fff; font-size:32px; font-weight:500; text-align:center}
	.ctaBox a:link, .ctaBox a:visited{ font-size:16px;font-weight:500; border-radius:8px; padding:10px 15px; color:#fff; background:#EF4C24; margin:30px auto !important; max-width: 200px;  text-align: center; display:block}
	.ctaBox a:hover{ box-shadow:0px 0px 15px rgba(0,0,0,0.5) }
	



h2.normalTxt{ text-align:center !important; font-weight:600; font-family:"Plus Jakarta Sans","Poppins-SemiBold"; padding-bottom:20px}

h2.normalTxt span{ color:#EF4C24}


.tstimonials{ width:100%; padding:80px 0px; background:#F3F9FF; max-width:1200px}
.featuredVideoSlider{ width:100%; max-width:1200px; margin:0 auto}
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden;  -webkit-transform: translate3d(0,0,0) !important;}
.featuredVideoSlider .item img{ height:70px !important; margin:0 auto 20px auto}
.featuredVideoSlider .item{ text-align:left; padding:20px 20px 10px 20px; }
.featuredVideoSlider{ margin:0px auto}
div.owl-theme .owl-nav {  margin-top: 0;  position: absolute;  left: 0;  right: 0;  top: 50%;}
.owl-carousel .owl-nav button.owl-next{ float:right; background:url(https://osourceglobal.com/wp-content/uploads/2024/10/next.svg) !important; width:40px; height:36px; margin-right:-40px}
.owl-carousel .owl-nav button.owl-prev{ float:left; background:url(https://osourceglobal.com/wp-content/uploads/2024/10/back.svg) !important; width:40px; height:36px; margin-left:-40px}
.orangeGradient{background: rgb(255,150,37); background: linear-gradient(180deg, rgba(255,150,37,1) 0%, rgba(245,134,16,1) 63%, rgba(255,150,38,1) 100%); padding:30px; border-radius:20px; max-width: 700px;  margin: 50px auto;}
.orangeGradient p{ color:#fff !important}
.helpingBrands p.orangeGradientTxt1{ font-size:36px; font-weight:600; padding:10px 0; margin:0}
.helpingBrands p.orangeGradientTxt2{ font-size:16px; font-weight:600; padding:10px 0; margin:0}
.logoBox{ align-content: center;}
.logoBox img{  width:100%}

.underlineTxt{ padding-bottom:0px; margin-bottom:20px; margin-top:20px; color:#fff; font-size:20px}

ul.underlineBullet{ list-style-image: none; margin-left: 15px; padding-left: 0; margin-top:30px; margin-bottom:30px}

div.bannerLP{align-items: start;}		
.helpingBrands{ text-align:center}
.counterBox{ display:flex}
.footerBottom{ font-size:14px}
section#lpMainBox{ padding-bottom:70px !important; margin-top:0px !important}
#Testimonials h3{ color:#3F3F46 !important; font-family:'Poppins-Medium'}
.chkbox .wpcf7-list-item{ margin:0}
.footerMenus.lastFooterMenus li:nth-child(3){ padding-left:25px; background:url(https://osourceglobal.com/wp-content/uploads/2024/08/call2.svg) no-repeat left 5px; background-size:15px}
.footerMenus.lastFooterMenus li:nth-child(2){ padding-left:25px; background:url(https://osourceglobal.com/wp-content/uploads/2024/08/email2.svg) no-repeat left 5px; background-size:15px} 	ul.footerMenus,.footerMenus{ list-style:none !important; padding:0; margin:0; list-style-image:none !important}
ul.footerMenus li{ padding-left:0px; padding-bottom:10px; color:#EF4C24}
ul.footerMenus li a:link, ul.footerMenus li a:visited{ color:#777;}
ul.footerMenus li a:hover{ color:#000}
ul.footerMenus li:nth-child(1){ font-size:16px}
.footerBox table td:nth-child(1){ padding-right:50px}
.footerBox td img{ padding-bottom:10px}
.footerBox td, .footerBox td p{ color:#777777; font-size:14px}
.whyChooseTxt{ text-align:center}
.effortBox h2{ text-align:center}

.scheduleADemoLink:link, .scheduleADemoLink:visited{ margin-left:35px}
.scheduleADemoLink:link img, .scheduleADemoLink:visited img{ margin-left:0px; width:20px}
.lpOverviewContainerRight img{ width: 100%; margin: 0 0 0 auto;  display: block;}

.wpcf7-spinner{ display:none}
.bannerLPRight input[type="submit"]{ background:#2563EB; color:#fff; cursor:pointer}
.bannerLPRight input[type="submit"]:hover{ background:#0b48d0}
.bannerLPRight p{ margin-bottom:0; font-size:14px}
ul.customBullet{ list-style:none; margin:35px 0; padding:0}
ul.customBullet li{background: url(https://osourceglobal.com/wp-content/uploads/2024/08/checkbox.svg) no-repeat left 5px; padding-left:35px; padding-bottom:25px; color:#616161}
ul.customBullet li:nth-child(2){ padding-bottom:0}
.bannerLPRight p.sheduleTitle{ font-weight:bold; font-size:18px; padding-bottom:20px; color:#000000}
#wpcf7-f2221-p2216-o1{ width:100%; background:#fff; border-radius:15px; padding:20px; float:left}
.formLabel, .formLabel input, .formLabel textarea{ width:100%; margin-bottom:5px}
.formLabel input,.formLabel textarea{ border-radius:5px; border:1px solid #999; padding:7px; width:100%}
.formLabel textarea{ height:50px}
.formLabel input[type="checkbox"]{ width:auto !important; margin-right:5px;margin-top: 4px;}
.formLabel .wpcf7-not-valid-tip{ font-size:10px !important}
div.formLabel:nth-child(8){ font-size:14px}
.bannerLP,.threeCol,.lpOverviewContainer,.whyChoose{ display:flex; max-width:1140px; width:100%; margin:0 auto;align-items: center;}

/*#lpBannerBox:after{ content:''; position:absolute; left:0; bottom:0; right:0; background:url(https://osourceglobal.com/wp-content/uploads/2024/10/banner-bottom1.svg); height:400px}*/
.bannerLPLeft{ width:70%; padding-right:50px}
.bannerLPRight{width:30%;  background: #fff; padding: 30px;  border-radius: 10px;}
.bannerLPLeft h1{ font-size:42px; font-family:"Plus Jakarta Sans"; font-weight:300; color:#fff }
.bannerLPLeft h1 b{ font-weight:500}
.bannerLPLeft h1 span{font-size:48px; color:#EF4C24}
.bannerLPLeft .subTxt{ color:#616161; font-weight:300; font-size:20px; padding:15px 0}
.threeContainer{ width:20%; padding:10px 20px; text-align:left; background:#fff; border:1px solid #DFDFDF; border-radius:10px}
.threeContainer p{ color:#616161;font-size:14px; font-weight:500}
.threeContainer p.headingList{ color:#616161; font-size:14px; font-weight:400; margin:0px 0 5px 0; padding:0; text-align:left; line-height:normal}
.lpMainBox{ width:100%}
.lpOverviewContainerLeft,.lpOverviewContainerRight,.whyChooseLeft,.whyChooseRight{ width:50%}
h2.smTxt{ margin:0px auto 50px auto; text-align:left; color:#000; font-size:36px; font-family:'Poppins-Medium';max-width: 1140px;}
.dualBorder{ border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1); }
.threeContainer.hmobile{ width:16.66%}
.threeCol.secondRowThreeCol{ margin-top:50px !important}
.threeCol.secondRowThreeCol .dualBorder{ border-left:0}
#portfolioSlides  p{ margin:0; color:#616161; font-size:16px; font-family:"Plus Jakarta Sans"}
#portfolioSlides .single-slide .single-slide-Content p:nth-child(1){ font-size:20px; font-weight:600; padding-bottom:5px}
#portfolioSlides .single-slide  .single-slide-Content p:nth-child(2){ margin-bottom:0; padding-bottom:0}
#portfolioSlides .single-slide{ border:0px solid rgba(0,0,0,0.1); background:#fff; min-height:170px; margin:0px; padding:0px 0 10px 0}
#portfolioSlides .single-slide-Content{border:1px solid rgba(0,0,0,0.1); border-radius:25px; background:#fff; min-height:170px; margin:0px 20px 0 0; padding:25px}
#portfolioSlides .slick-dots li button::before { font-size: 10px; color: #d9d9d9; opacity: 1;}
#portfolioSlides .slick-dots li.slick-active button::before { opacity: 1; color: #dc4f19;}
#portfolioSlides .slick-prev::before, #portfolioSlides .slick-next::before{ background:#ef4c24; padding: 10px; border-radius: 10px;}
.slick-prev { left: auto !important; right: 90px !important; top:-30px !important}
.slick-next { right: 40px !important; top:-30px !important}

header#header{ background:#ffffff; box-shadow: none;}
header#header img {width: 100px;}
#menu-item-898 a:link, #menu-item-898 a:visited{background: #EF4C24; color: #fff;  border-radius: 5px;  padding: 5px 10px;}

.counterBox{ display:flex; width:100%; max-width:700px; flex-wrap:wrap; padding-top:0px}
.counterBoxInner{width:50%; margin-right:0%; margin-bottom:15px; height: 60px; align-content: center;padding-left:60px}



.discoverBoxOuter{ margin-top:120px}
.discoverBoxOuter p:nth-child(1){ font-size:32px; margin-bottom:0; padding-bottom:0}
.discoverBoxOuter p:nth-child(2){ font-size:48px}

.counterBoxInner p{ font-size:18px; font-weight:500; color:#fff; padding:0; margin:0}
.helpingBrands{ width:100%; text-align:center; background-size:100%; padding:50px 0}
.helpingBrands ul{ list-style:none;  margin: 0 auto;  padding: 0;  display: flex;  grid-gap: 10px; flex-wrap: wrap; align-content: center;  align-items: center; width:100%; max-width:800px; justify-content: center;}
.helpingBrands ul li{ width:calc(25% - 8px);}
.helpingBrands p{ font-size:48px; font-weight:600; color:#000; margin:0; padding:0 0 50px 0}
.fitSection{background: #F3F9FF; width:100%; padding:50px 0; margin:0px 0}
.threeContainer.hmobile{ background:none; border:1px solid rgba(0,0,0,0)}
.threeCol{grid-gap: 20px;}

.respImg{ width:100%}

.fitSection.oneex a{ margin-top: 10px !important;  display: inline-block;}
.whyChooseBoxBlue .whyChooseLeft{ padding-right:0; width:35%}
.whyChooseBoxBlue .whyChooseRight{ padding-right:0; width:65%}
.titleTxt{ font-weight:600; padding:0; margin:10px 0; font-size:24px}
.organeLink:link,.organeLink:visited{ padding:8px 15px; border-radius:8px; color:#fff; text-decoration:none; background:#EF4C24}
.fitSection.oneex{ text-align:center}
.fitSection.oneex img{ width:320px;}
.fitSection.oneex p{ font-size:18px}
 

.underlineBullet li{ color:#fff}

.bannerSlide{ position:relative}

.bannerSlideFlexInner h2.bannerTxt{ color:#fff !important; font-size:54px; font-weight:700; }
.bannerSlideFlexInner h2.bannerTxt span{background: linear-gradient(to left, #FF7942, #FFD1C4) !important;
    background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;}
.owl-carousel.bannerSlider span{font-size:54px; opacity:1 !important; font-weight:700; background:  linear-gradient(to left, #FF7750, #EF4C24) !important;
  -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; }
h2.redGradentTxt{ font-size:40; font-weight:600; background:  linear-gradient(to bottom, #FF7942, #000000) !important;  -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; margin:0 auto; text-align:center; line-height: normal; position:relative}

h2.redGradientTxtNew{ font-size:48; font-weight:700; background:  linear-gradient(to bottom, #000000, #5B1200) !important;
  -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; margin:0 auto; text-align:left; line-height:normal}


h2.redGradientTxt{ font-size:48; font-weight:700; background:  linear-gradient(to bottom, #000000, #2563EB) !important;
  -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; margin:0 auto; text-align:left; line-height:normal}
  
.secureYourWorkforceInnerLeft h2{font-size:48; font-weight:700; background:  linear-gradient(to bottom, #EF4C24, #ffffff) !important;
  -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; margin:0 auto; text-align:left; line-height:normal; letter-spacing:-2px}
  
h2.blueGradient{ font-size:48px; font-weight:700; background:  linear-gradient(to bottom, #001969, #002CB4) !important;
  -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; margin:0px auto 50px auto; text-align:left; line-height:normal; }
p.preTextHeading{ color:#2563EB; font-size:16px; font-weight:600}
.offRoleMgtInner, .advantageInner, .EffortlessOffRoleInner, .secureYourWorkforceInner
{ display:flex; width:100%; max-width:1230px;margin: 0 auto; flex-direction: row; padding-left:15px; padding-right:15px}

h3.hWhiteTxt{ color:#fff; font-size:32px; font-weight:600; margin-top:45px }

.offRoleMgtInnerRight{ width:50%}
.offRoleMgtInnerLeft{ width:50%; padding-right:64px}
.offRoleMgtInnerLeft img, .advantageInnerRight img{ width:100%}

.secureYourWorkforceInnerLeft p{ text-align:left; color:#fff; font-size:18px; font-weight:600; margin:30px 0; width:90%}

section.offRoleMgt{ padding:90px 0}

.ourOffList,.advantList{ list-style-image:none; margin:0; padding:0; list-style:none}
.ourOffList li{ width:100%; float:left;  margin-bottom:50px; background:url(compliance-management/bullet.svg)}
.ourOffList li:nth-child(1),.ourOffList li:nth-child(3),.ourOffList li:nth-child(5){ padding-right:5% !important}

.ourOffList li p:nth-child(1){ font-size:16px; font-weight:600; color:#000; padding:0; margin:0}
.ourOffList li p:nth-child(2){ font-size:14px; font-weight:400; color:#6F6F6F; padding:0; margin:0}
.ourOffList li{ background-repeat:no-repeat !important; background-size:22px auto; list-style:none; background-position:left 1px; padding-left:40px}

.advantageInnerList li,.advantageInnerList{ list-style:none}
.advantageInnerList{ display: flex; justify-content: center;  flex-direction: row;  flex-wrap: wrap;}
.advantageInnerList li{ width:33.33%; background-repeat:no-repeat !important; padding:0 20px 30px 50px; background-size:35px !important}
.advantageInnerList li:nth-child(1){background:url(compliance-management/adv1.svg)}
.advantageInnerList li:nth-child(2){background:url(compliance-management/adv2.svg)}
.advantageInnerList li:nth-child(3){background:url(compliance-management/adv3.svg)}
.advantageInnerList li:nth-child(4){background:url(compliance-management/adv4.svg)}
.advantageInnerList li:nth-child(5){background:url(compliance-management/adv5.svg)}

.advantageInnerList li p:nth-child(1){ font-size:16px; font-weight:600; color:#000; padding-bottom:0; margin-bottom:0}
.advantageInnerList li p:nth-child(2){ color:#6F6F6F; font-size:14px; line-height:24px}


.advantage h2.redGradientTxt{ text-align:center; margin-bottom:70px}

ul.advantList{ margin-top:15px}
.advantList li{background-size:30px; padding-left:40px; margin-bottom:30px; padding-right:50px}

img.accuracyimg{ padding-left:30px}
.marginTopp{ padding-top:50px; padding-bottom:50px}
img.datasecurityimg{ padding-right:0px}

.advantList li p:nth-child(1){ font-size:20px; font-weight:600; color:#000; padding:0; margin:0 0 5px 0}
.advantList li p:nth-child(2){ font-size:14px; color:#727272; padding:0; margin:0; line-height:24px}
.advantList li p:nth-child(2) span{ font-size:14px; color:#FF7750; font-weight:700}

.advantList li:nth-child(1){ background:url(background-verifcations/adv1.svg) no-repeat left 0px}
.advantList li:nth-child(2){ background:url(background-verifcations/adv2.svg) no-repeat left 0px}
.advantList li:nth-child(3){ background:url(background-verifcations/adv3.svg) no-repeat left 0px}
.ourOffList li:nth-child(5){ margin-bottom:0}
.advantageInnerLeft.advantListlist  .advantList { padding-right:0; margin-left:50px}

.advantListlist .advantList li:nth-child(1){ background:url(background-verifcations/adv4.svg) no-repeat left 0px}
.advantListlist .advantList li:nth-child(2){ background:url(background-verifcations/adv5.svg) no-repeat left 0px}

.EffortlessOffRoleInnerLeft p{ color:#000; font-size:16px; padding:10px 80px 0 0; font-weight:500}

section.EffortlessOffRole{ padding:90px 0}

.secureYourWorkforce{background: rgb(51,71,219); background: linear-gradient(180deg, #000000 0%, #310A00 100%); text-align:center; padding:80px 15px 80px 15px}

.advantageInnerLeft.advantListlist p{ color:#000; padding:30px 120px 0 0}

.advantageInnerLeft { width:55%; align-content: center; align-items: center; align-self: center; padding-left:40px}
.advantageInnerRight{ width:45%; align-content: center; align-items: center; align-self: center;}
.EffortlessOffRoleInnerRight img, .advantageInnerLeft img{ width:100%}

.ourComprenhesiveSlider .item{ background:#121212; border-radius:15px; padding:30px; min-height:295px}
.ourComprenhesiveSlider{ max-width:1180px; margin:55px auto}
.owl-carousel.ourComprenhesiveSlider .owl-item img{ max-width:34px !important}
.ourComprenhesiveSlider .item p:nth-child(2){ color:#FF7750; font-size:20px; font-weight:600; padding-bottom:5px; padding-top:5px; margin:0}
.ourComprenhesiveSlider .item p:nth-child(3){ font-size:16px; color:#fff}

.whatOurClientSaysBoxOuter{ background:#f3f9ff; padding:80px 0 100px 0}
.whatOurClientSaysBoxOuter .featuredVideoSlider .item p:nth-child(1){ font-size:16px; color:#111827; min-height:100px}
.whatOurClientSaysBoxOuter .featuredVideoSlider .item p:nth-child(2){ font-size:20px; color:#111827; font-weight:600; margin-bottom:0; padding-bottom:0}
.whatOurClientSaysBoxOuter .featuredVideoSlider .item p:nth-child(3){ color:#777777;  font-size:16px}

.EffortlessOffRoleInnerLeft{ width:60%}
.EffortlessOffRoleInnerRight{ width:40%}

section.advantage{ padding-bottom:40px; padding-top:0}

.contactBtn:link, .contactBtn:visited{ border-radius: 10px;
  background: #2563EB;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin: 90px auto 50px auto;
  padding: 10px 25px;
  display: block;
  width: 150px;
  text-align: center;}


p.bannerSubTxt{ color:#fff; font-size:17; font-weight:400; padding-top:20px }
.bannerSlideFlex{ display:flex; width:100%; max-width:1230px;margin: 0 auto; flex-direction: row;justify-content: center;height: 100%; padding-left:15px; padding-right:15px}
.bannerSlideFlex h2.slideTxt1, .bannerSlideFlex p.slideTxt1{ width:100%; max-width:100%; text-transform:capitalize}
div.bannerSlideFlex p.slideTxt1{max-width: 500px}
.bannerSlideFlex h2.slideTxt2, .bannerSlideFlex p.slideTxt2{ width:100%; max-width:640px; text-transform:capitalize}
div.bannerSlideFlex p.slideTxt1{max-width: 500px}
.bannerSlideFlex h2.slideTxt3, .bannerSlideFlex p.slideTxt3{ width:100%; max-width:480px; text-transform:capitalize}
div.bannerSlideFlex p.slideTxt1{max-width: 500px}

.bannerSlideFlex h2.slideTxt1{ padding-top:0px}
.bannerSlideFlexInner{ display:flex;flex-direction: column; center; width:58%; align-self: center;}
.bannerSlideFlexRight{ width:42%; align-content: center;}
.bannerLPRight {
  width: 100%;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  max-width: 420px;
  margin: 0 auto;
}


.owl-carousel.bannerSlider button.owl-dot{background: #c1c1c1;  color: inherit;  border-radius: 20px;  padding: 5px !important;  font: inherit;  border: 0 !important; margin-right:5px}
.owl-carousel.bannerSlider button.owl-dot.active{ width:32px; background:#EF4C24}
.owl-carousel.owl-theme.bannerSlider .owl-item img.contactImg{ width:380px !important; margin-top:20px}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
}
#menu-main-menu .menu-item:hover a {
  background-color: #ffd0c4;
  color: #000;
  height: auto !important;
  padding: 10px; border-radius:10px;
}

.owl-carousel.bannerSlider .owl-dots{position: relative; margin: -180px auto 180px auto;  max-width: 1270px;}


.globleMap{ max-width:1050; margin:0 auto}
.globleMapInner{ width:100%; display: flex; max-width:880px; margin:0px auto; padding:120px 0}
.globleMapCount{ width:33.33%}
.globleMapCount{ background: #fff; box-shadow: 0 1px 10px rgba(239,76,36,0.3); border-radius: 15px; padding: 20px; max-height:140px}
.globleMapCount p:nth-child(1){ font-size:41px; color:#EF4C24; font-weight:700; margin:0; padding:0; text-align:center}
.globleMapCount p:nth-child(2){font-size:18px; color:#EF4C24; font-weight:600; margin:0; padding:0; text-align:center}
.globleMapCount:nth-child(2){ transform:scale(1.2)}

.businessAutomationInner{ width:100%; max-width:1280px; margin:0 auto; display:flex}
section.businessAutomation{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(34,48,144,1) 100%); padding:100px 0}
.businessAutomationSlideBox{ border-radius:15px; padding:30px;}
.businessAutomationInnerLeft{ width:45%; position:relative}
.businessAutomationInnerRight{ width:55%; position:relative}
.businessAutomationInnerLeft{ padding-right:50px}
.businessAutomationInnerLeft h2{ font-weight:600; font-size:44px; background:  linear-gradient(to right, #ffffff, #FFBCA1, #ffffff) !important;
  -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; font-family:"Plus Jakarta Sans"; padding:10px 0;}
.businessAutomationInnerLeft p{ color:#fff; font-size:16px; font-weight:500; font-family:"Plus Jakarta Sans"}
.businessAutomationSlider .owl-nav{ position:relative !important}
.businessAutomationSlider .owl-nav button.owl-prev{ margin:20px 0 0 -50px}
.businessAutomationSlider .owl-nav button.owl-next{ margin:20px -50px 0 0px}
.businessAutomationSlider .owl-nav{ margin-top: -67px !important;}
.oragneTxt{ color:#FF7750; font-size:20px; font-weight:700}
.businessAutomationSlideBox p:nth-child(2){ font-weight:600; font-size:14px; color:#232323}
.businessAutomationSlideBox p:nth-child(3){font-weight:500; font-size:14px; color:#777777}
.businessAutomationSlideBox a:link, .businessAutomationSlideBox a:visited{ color:#868686;  font-weight:600; font-size:16px; display:flex}
.businessAutomationSlideBox{ background:url(https://osourceglobal.com/wp-content/themes/osource/template-page/imageshrms/onex-software.svg) no-repeat calc(100% - 20px) 25px #fff; background-size:100px}
.businessAutomationSlideBox p:nth-child(3){
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5; /* start showing ellipsis when 3rd line is reached */
  white-space: pre-wrap; /* let the text wrap preserving spaces */
}
.businessAutomationSlider .owl-nav button span{ opacity:0}

.financeAccountingSolutionInner{ width:100%; max-width:1280px; margin:100px auto}
.financeAccountingSolutionInner h2,.securityRecognitionsBox h2{ font-size:40px; font-weight:700; background:  linear-gradient(to bottom, #001969, #002CB4) !important;
  -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; margin:10px 0}
.parafin{max-width:650px}
.roundTab{ font-size:14px; color:#2563EB; border-radius:50px; padding:10px 15px; background:#E4EDFF; display:inline-flex}

.financeAccountingSolutionInnerBox{ display:flex; width:100%; grid-gap: 25px; margin:50px 0}
.financeIconBox{ background:#fff; border-radius:15px; padding:30px; box-shadow:0 0px 15px #E4EDFF; width:25%}
section.hrManagementSolutions{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(34,48,144,1) 100%); padding:100px 0}
.hrManagementSolutionsInner{ width:100%; max-width:1280px; margin:30px auto}
.hrManagementSolutionsFlexSlide img{ border-radius:15px}

.orangeTabTxt{ color: #fff;  background: #EF4C24;  padding: 10px 15px;  border-radius: 50px;  margin: 0 auto;  max-width: 180px;  text-align: center;}
.hrManagementSolutionsInner h2{ font-weight:600; font-size:44px;  background:  linear-gradient(to right, #fff, #FF7942) !important;
  -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; font-family:"Plus Jakarta Sans"; padding:10px 0; margin:20px auto; text-align:center}
p.hrpara{ color:#fff; max-width:1030px; margin:0 auto 60px auto; text-align:center; font-size:20px}  
.hrManagementSolutionsFlexSlide p{ color:#fff; font-weight:600; font-size:20px; padding-right:80px; padding-top:20px; line-height: normal;}
.hrManagementSolutionsFlexSlide a:link,.hrManagementSolutionsFlexSlide a:visited{ color:#FF7750; font-size:16px; font-weight:500}
.securityTabs{ max-width:870px; width:100%; margin:0 auto}
.securityTabs ul{ border:1px solid #2563EB; border-radius:50px; margin:0; padding:0}
.securityTabs ul li{ padding:0; margin:0; display:inline-block; width:33.33%; text-align:center;}
.securityTabs ul li:nth-child(1){ border-radius:50px 0 0 50px; }
.securityTabs ul li:nth-child(3){ border-radius:0 50px 50px 0; }
.securityRecognitionsBox h2{ text-align:center}
.securityRecognitionsBox p.securityPara{ width:100%;max-width:980px; margin:20px auto; text-align:center}
.activeTabb{ background:#2563EB}
.securityTabs ul li{ padding:15px 0; font-size:20px}
.securityTabs ul li.activeTabb { color:#fff !important}
.tabsTxtThree,.tabsTxtTwo,.tabsTxtFour{ display:flex;}
.tabsTxtThreeInner{ width:33.33%; text-align:center}
.tabsTxtFour .tabsTxtThreeInner{ width:25%; text-align:center}
.tabsTxtTwo .tabsTxtThreeInner{ width:50%}
.tabsTxtBoxx{ width:100%; max-width:660px; margin:50px auto}
#certText.tabsTxtBoxx{ width:100%; max-width:870px; margin:50px auto}
.tabsTxtTwo{ margin-top:30px}
.tabsTxtFour .tabsTxtThreeInner img{ width:100%}
.tabsTxtFour .tabsTxtThreeInner p{ color:#2563EB}
.tstimonials h2.normalTxt{ font-size:38px}
.industrySpecificSolution h2, .industrySpecificSolution span{ font-size:32px; font-weight:600}
.industrySpecificSolution span {color:#EF4C24}
.industrySpecificSolutionInner{ width:100%; max-width:1280px; margin:50px auto}
.bannerIndustrySolution .item{ border:1px solid #DFDFDF; border-radius:15px; padding:20px 30px}
.bannerIndustrySolution .item img{ max-width:36px; margin-bottom:10px}
.bannerIndustrySolution .item p{ margin-bottom:0}
.bannerIndustrySolution{ margin-top:50px}
.bannerIndustrySolution button span{ opacity:0}
.bannerIndustrySolution { position:relative; float:right}
div.owl-theme.bannerIndustrySolution .owl-nav button{ margin:20px 5px}
div.owl-theme.bannerIndustrySolution .owl-nav{position: absolute; top: -110px; width: 100px; right: 0 !important;float: right;  left: auto;}
section.bottomCTA{ background:url(https://osourceglobal.com/wp-content/themes/osource/template-page/imageshrms/osource-banner.png) no-repeat; padding:100px 0; text-align:center}
section.bottomCTA h2{font-size:36px; font-weight:600; background:  linear-gradient(to bottom, #ffffff, #FFC2B3) !important; -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; margin:80px 0}
.bottomctaLogo{ width:100%; margin:0 auto; position:relative}
.bottomctaLogo:before{ left:0; top:20px; right:50%; content:""; position:absolute; height:2px; background: rgb(197,84,38); background: linear-gradient(270deg, rgba(197,84,38,1) 0%, rgba(2,2,43,1) 100%); margin-right:100px}
.bottomctaLogo:after{ right:0; top:20px; left:50%; content:""; position:absolute; height:2px; background: rgb(197,84,38); background: linear-gradient(90deg, rgba(197,84,38,1) 0%, rgba(2,2,43,1) 100%); margin-left:100px}
.bottomCTA a:link, .bottomCTA a:visited{ background:#EF4C24; border-radius:15px; color:#fff; padding:15px 15px; min-width:180px; width:180px; display: block;  margin: 0 auto; font-weight:700; font-size:18px}
section.industrySpecificSolution{ padding-bottom:100px}
div.owl-theme.bannerIndustrySolution .item, .hrManagementSolutionsSlider .item,.financeIconBox{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
div.owl-theme.bannerIndustrySolution .item:hover{ background:#212735;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}



p.whiteTab{ background:#fff; border-radius:50px; color:#000; font-size:14px; font-weight:500; padding:10px; max-width: 240px; text-align: center; margin: 20px 0; text-transform:uppercase}
.bannerList li{ color:#fff; font-size:16px; font-weight:500; padding-bottom:10px; background:url(https://osourceglobal.com/wp-content/themes/osource/template-page/imageshrms/circle-bullet.svg) left 0px no-repeat; padding-left:35px}
.bannerList{list-style-image: none; list-style:none; padding:0; margin:20px 0}
.onexLogo{ max-width:190px}
.clientTrustedUsContainer, .aboutHrms, .whyhrmsBgInner, .trustedHRPartnerInner{ width:100%; max-width:1200px; margin:0 auto; display:flex}
.innerClientTrust p{ color:#fff}
.innerClientTrust, .clientTrustedUsBoxInner{ width:33.33%; text-align:center; align-content: center;}
.clientTrustedUsBoxInner{transform: scale(1.2); max-width:320px; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.innerClientTrust p{ margin:0; padding:0}
.innerClientTrust p:nth-child(1){ font-size:38px; font-weight:bold}
.innerClientTrust p:nth-child(2){ font-size:19px; font-weight:500}
.scrollingLogosInner, .chaosInner{width:100%; max-width:1200px; margin:0 auto; }
.scrollingLogosInnerSlide{width:calc(100% - 120px); margin:0 auto; }
.scrollingLogosInner h2{ font-size:36px; color:#EF4C24; font-weight:600; margin:100px auto 80px auto; text-align:center}
.scrollingLogosInner h2 span{font-size:36px; color:#090914; font-weight:600}

.businessAutomationSlider .item img{  text-align:center}
.aboutHrmsLeft{ padding-right:0px; margin-left:auto}
.aboutHrmsRight h2{ text-align:left; margin-bottom:0px}
.aboutHrmsRight{ padding-left:0px; max-width:540px}
.aboutHrmsRight p{ line-height:30px}
.orangeBtn:link, .orangeBtn:visited{ border-radius:10px; padding:10px 15px; color:#fff; font-size:15px; background:#EF4C24; margin-top: 18px; display: inline-block;}


p.blueTab{ background: #2563EB;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 30px;
  padding: 10px;
  text-transform: uppercase;
  max-width: 120px;
  text-align: center;}



section.trustedHRPartner{ padding:100px 0}

.chaos{ background:url(https://osourceglobal.com/wp-content/themes/osource/template-page/imageshrms/bg-gradient.svg) center top no-repeat; padding-top:50px}
.chaosInner h2{ text-align:center; font-size:48px; font-weight:700}

.chasoBox{width: 100%; display: flex; flex-wrap: wrap; gap: 24px; margin:50px 0 }
.chasoBox div{display: flex; justify-content: center; align-items: start;  min-width: 30%; background:#fff; flex: 1; border-radius:12px; padding:24px; box-shadow:0 0px 15px rgba(0,0,0,0.05); flex-direction:column}

p.bluechasoHead{ color:#2563EB; font-size:20px; font-weight:600;text-align:left; padding-top:10px; margin-bottom:10px}
p.bluechasoTxt{ font-size:14px; color:#3D3D3D; text-align:left}
.chasoBox{ text-align:left}
.testisubheading{text-align:left}
.tstimonials h2.normalTxt{ text-align:left !important}
.partnerOsourceInner{ border-radius:15px; background:#F3F9FF; padding:48px; width:100%; max-width:1200px; margin:20px auto}
.partnerOsourceInner h2{ text-align:center; background: linear-gradient(to bottom, #2563EB, #2F0900) !important;
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;}
.partnerOsourceInner p{ font-size:18px; color:#3D3D3D; text-align:center; max-width:900px; margin:20px auto 0 auto}

.blueGradientBox{background: rgb(51,71,219); background: linear-gradient(180deg, #3347DB 0%, rgba(0,0,0,1) 100%); text-align:center; padding:100px 15px 100px 15px}
.blueGradientBox h2{ color:#fff; font-size:32px; font-weight:600}

.redGradentTxt.mobileH,.mobileImgDsk{ display:none}
.redGradentTxt.dskH, .showImgDsk{ display:block}
.showImgDsk{ display:flex}
.deskImgDsk{}

section.whyOutSourceOuterBox{ padding-bottom:0}
.endToEndAccountOuterBox img{ margin:0 auto}

.clientTrustedUsBox{ margin-top:-90px}
div.clientTrustedUsContainer{ max-width:920px}
#lpBannerBoxInner{ padding:120px 0 120px 0;position:relative}
#lpBannerBox{ background:url(compliance-management/compliance-management-banner.png) no-repeat left center; background-size:cover; min-height:auto; padding:50px 0; position:relative; min-height:650px; z-index:1}

h3.subPunchline{ color:#fff; font-size:17px; font-weight:600; padding-top:15px; max-width:460px; line-height:26px}


.clientTrustedUsBoxInner{ border-radius:15px; background: #ffffff; max-width: 500px;  margin: 0 auto;  text-align: center; padding:25px 0; color:#EF4C24}

.clientTrustedUsBoxInner p:nth-child(1){ color:#2563EB; font-weight:700; font-size:51px; margin:0; padding:0; line-height:normal; text-shadow: 0 0px 15px rgba(255, 255, 255, 0.7);}
.clientTrustedUsBoxInner p:nth-child(2){ color:#2563EB; font-weight:600; font-size:16px; margin:0; padding:0; line-height:normal; text-shadow: 0 0px 15px rgba(255, 255, 255, 0.7);}
section.yourTechPartnerBox{ padding:90px 0}
.innerClientTrust{border-radius:15px;background: rgb(20,27,88); background: linear-gradient(90deg, rgba(20,27,88,1) 0%, rgba(28,44,139,1) 100%); }

.aboutHrmsRight p{ padding:10px 0; margin:0; color:#3D3D3D; font-size:18px; font-weight:600; padding:20px 0; max-width:460px}
.aboutHrmsRight p span{color:#2563EB}
.aboutHrmsRight ul{ list-style:none; max-width:460px; padding:0;}
.aboutHrmsRight ul li{ font-size:14px; color:#3D3D3D; font-weight:600; padding:15px 0 15px 40px; background:url(cms-images/blue-bullet.svg) left 15px no-repeat}


.showImgDsk.ssm{ margin:60px auto 0 auto}
.trustedHRPartnerInnerLeft{width:50%} .trustedHRPartnerInnerRight{ width:50%}
.trustedHRPartnerInnerLeft h2{ font-size:43px; font-weight:700; background: linear-gradient(to bottom, #000000, #5B1200) !important; background-clip: border-box; -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; line-height:normal}

.trustedHRPartnerList{ list-style-image:none; list-style:none; padding:0; margin:40px 0 0 0}
.trustedHRPartnerList li{ padding-left:40px; padding-right:100px; padding-bottom:20px; font-size:20px; background:url(cms-images/orange-bullet.svg) left 5px no-repeat}
.trustedHRPartnerList li p:nth-child(1){ font-size:20px; font-weight:600; color:#000000; margin-bottom:0; padding-bottom:5px}
.trustedHRPartnerList li p:nth-child(2){font-size:16px; font-weight:400; color:#000000; margin-bottom:0; padding-bottom:0px}
.trustedHRPartnerList.paraSec{ padding-right:100px; padding-left:30px}
.trustedHRPartnerInnerRight { text-align:right}
.trustedHRPartnerInnerRight img{ width:100%; margin-left:auto; margin-right:0 }

ul.fourBoxes { margin:20px 0 0 0; padding:0}
ul.fourBoxes li{ padding:10px 0 10px 60px; font-size:20px; font-weight:500; color:#fff; display:inline-block; width:50%; float:left; margin-bottom:10px; width:50%}
ul.fourBoxes li:nth-child(1){ background:url(compliance-management/icon1.svg) no-repeat left top; background-size:48px}
ul.fourBoxes li:nth-child(2){ background:url(compliance-management/icon2.svg) no-repeat left top; background-size:48px}
ul.fourBoxes li:nth-child(3){ background:url(compliance-management/icon3.svg) no-repeat left top; background-size:48px}
ul.fourBoxes li:nth-child(4){ background:url(compliance-management/icon4.svg) no-repeat left top; background-size:48px}
ul.fourBoxes li{ width:50%; font-size:20px; font-weight:400;  padding:9px 0 9px 60px}

.offRoleMgtInnerRight img{ width:100%}

@media (max-width:760px) {
	
	.offRoleMgtInner, .advantageInner, .EffortlessOffRoleInner{flex-direction: column;}
	.offRoleMgtInnerLeft, .offRoleMgtInnerRight, .advantageInnerLeft, .advantageInnerRight, .EffortlessOffRoleInnerRight, .EffortlessOffRoleInnerLeft{ width:100%; padding:0}
	
	.advantList li p:nth-child(1){ font-size:14px}
	.advantList li p:nth-child(2), .whatOurClientSaysBoxOuter .featuredVideoSlider .item p:nth-child(1), .whatOurClientSaysBoxOuter .featuredVideoSlider .item p:nth-child(3){font-size:12px; line-height: 20px;}
	
	.EffortlessOffRoleInnerLeft .orangeBtn:link, 
	.EffortlessOffRoleInnerLeft .orangeBtn:visited{ margin-left:auto; margin-right:auto; margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
    width: 135px;
    text-align: center !important;}
	
	section.advantage, .advantageInnerLeft h2{ padding-top:0; margin-top:10px !important}
	
	ul.advantList {
  margin-top: 10px;
}
	h2.redGradientTxtNew{ text-align:center}
	.EffortlessOffRoleInnerRight{ margin-top:20px}
	.EffortlessOffRoleInnerLeft p{ padding:0; font-size:12px; text-align:center}
	
	.whatOurClientSaysBoxOuter .featuredVideoSlider .item p:nth-child(2){ font-size:16px}
	
	.advantageInner.marginTopp .advantageInnerRight{ order:1}
	.advantageInnerLeft.advantListlist{ order:2; text-align:center}
	
	.advantageInnerLeft.advantListlist a:link{ margin:0 auto}
	
	section.advantage{ padding-bottom:30px}
	img.accuracyimg{ padding:0}
	.whatOurClientSaysBoxOuter, section.EffortlessOffRole{ padding:50px 0}
	.EffortlessOffRoleInnerLeft h2{ margin-top:0 !important}
	
	.advantList li {
  background: url(background-verifcations/bullet.svg) left 2px no-repeat;
  background-size: 24px !important;
  padding-left: 30px;
  margin-bottom: 15px;
}
.advantList li{ padding-right:0 !important}
	.offRoleMgtInnerRight img{ width:100%}
	.marginTopp{ padding-top:0; padding-bottom:0}
	.offRoleMgtInnerRight, .advantageInnerRight{ order:1}
		.offRoleMgtInnerLeft, .advantageInnerLeft{ order:2}
		.advantageInnerRight{ padding-bottom:10px}
	.advantage h2.redGradientTxt {
  text-align: left;
  margin-bottom: 35px;
  padding-left:15px
}
.advantageInnerLeft.advantListlist .advantList{ margin-left:0}
	
	.advantList li p:nth-child(2) span{ font-size:12px}
	
	section.offRoleMgt{ padding:20px 0}
	
	p.preTextHeading{ font-size:12px; padding-top:15px; padding-bottom: 0;  margin-bottom: 0;}
	
	ul.fourBoxes li{ width:100%; font-size: 12px !important;
    font-weight: 400;
    background-size: 24px !important;
    padding: 1px 0 4px 35px;}
	
	.whatOurClientSaysBoxOuter .featuredVideoSlider .item p:nth-child(1){ min-height:100px}
	.ourComprenhesiveSlider,.featuredVideoSlider { padding-left:15px; padding-right:15px}
	.ourComprenhesiveSlider .item p:nth-child(2){ font-size:16px}
	.ourComprenhesiveSlider .item p:nth-child(3){ font-size:14px}
	.ourComprenhesiveSlider .item{ min-height:290px}
	.aboutHrmsLeft{ display:none}
	section.aboutHRMSOuter{ background:none; padding-bottom:0 !important}
	section.eightBoxes{ padding-top:0 !important}



.streamLineInner{flex-direction: column;}
.streamLineInnerList div img {
  width: 48px;
}.streamLineInnerList {
  flex-direction: row;
  display: flex;
  background: #041221;
  padding: 16px;
  border-radius: 10px;
}
.whyOutSourceListGrid{grid-gap: 20px;padding: 0 15px;}
.whyOutSourceListGrid .whyListBox {
  width: calc(50% - 10px);
  margin-bottom: 20px;
}
.whyOutSourceListGrid .whyListBox p{ font-size:10px}
.whyOutSourceListGrid .whyListBox p {
  margin-top: -50px;
  color: #fff;
  font-weight: 600;
  padding-left: 10px;
  min-height: 20px;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 10px;
}


.streamLineInnerList div{ font-size:12px}
.eightBoxes{ background:none}
h2.blueGradient, h2.redGradientTxt, h2.redGradientTxtNew, .secureYourWorkforceInnerLeft h2{ font-size:24px; font-weight:600; margin:15px 0 30px 0; padding:0}
.eightBoxesInner{ margin:0 auto; grid-gap: 10px; padding: 0 15px}
.secureYourWorkforceInnerLeft h2{ letter-spacing: normal}
.secureYourWorkforceInner{flex-direction: column;}
.secureYourWorkforceInnerLeft p {
  text-align: left;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 30px 0;
  width: 100%;
}
h3.hWhiteTxt{ font-size:18px}
.secureYourWorkforceInnerRight img{ width:100%}
.secureYourWorkforceInner{ padding:0}
.secureYourWorkforce{ padding:40px 15px}
.secureYourWorkforceInnerLeft h2{ padding-top:0; margin-top:0}
.eightBoxesInner div p{ font-size:10px; text-align:center}
.aboutHrmsRight ul li{ text-align:left !important; font-size:12px; font-weight:400}
.aboutHrms h2.redGradentTxt.mobileH{ padding-bottom:0; margin-bottom:0}
section.aboutHRMSOuter{ padding:20px 0; text-align:center}
section.aboutHRMSOuter h2, section.aboutHRMSOuter p{ text-align:center !important}
.clientTrustedUsBox{ margin:-30px auto 0 auto; max-width:90%}
ul.fourBoxes{ list-style:none; margin:30px 0 40px 0; padding:0}

.erpSlider .chasoBoxInner img{ width:auto !important}
h3.subPunchline{ font-size:12px; margin-bottom: 0px; line-height:normal; font-weight:normal}

section.trustedHRPartner{ padding:50px 0}
.redGradentTxt.mobileH {
    display: block;
    text-align: left;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .whyhrmsBgInner {
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}
.redGradentTxt.mobileH, .mobileImgDsk{ display:block}
.redGradentTxt.dskH, .showImgDsk{ display:none}
.trustedHRPartnerInner{flex-direction: column;}
p.blueTab{font-size: 8px;  padding: 8px;}
.trustedHRPartnerInner{ padding-left:15px; padding-right:15px	}
.trustedHRPartnerList{ margin:20px 0 0 0}
.trustedHRPartnerList li{ font-size:14px; background-size:16px !important; padding-left:30px}
.trustedHRPartnerInnerRight img{ width:100%; padding:10px 0}
.whyhrmsBgInner h2, .trustedHRPartnerInnerLeft h2, .trustedHRPartnerInnerLeft h2, .trustedHRPartnerInnerLeft h2 span{ font-size:24px}
.redGradentTxt.dskH{ display:none}
#lpBannerBox  .bannerSlide img{ display:none}
.bannerSlide .bannerSlideAbs{ position:relative}
#lpBannerBox .bannerSlide{ background:#010101}
.bannerSlideFlex{ height:auto !important; padding:30px 15px; flex-direction: column;}
#lpBannerBox .bannerSlide img.onexLogo{ display:block; width:140px !important}
p.whiteTab{ font-size:8px !important; padding:8px; max-width:150px}
div.bannerLPRight,div.bannerSlideFlexRight, div.bannerSlideFlexInner{ width:100%}

.innerClientTrust p:nth-child(1){ font-size:14px; font-weight:bold}
.innerClientTrust p:nth-child(2){ font-size:6px; font-weight:500}
.clientTrustedUsBoxInner p:nth-child(1){ font-size:14px; font-weight:bold}
.clientTrustedUsBoxInner p:nth-child(2){ font-size:6px; font-weight:500}
.clientTrustedUsBoxInner{ padding:15px 0}
.scrollingLogosInner h2 span, .scrollingLogosInner h2, .chaosInner h2{ font-size:24px}
.scrollingLogosInner h2{ margin:10px auto 40px auto}
.scrollingLogosInnerSlide {
  width: calc(100% - 0px);
  margin: 0 auto;
}


.businessAutomationSlider .owl-nav {
  margin-top: 10px !important
}
.businessAutomationSlider .owl-nav button.owl-prev, .businessAutomationSlider .owl-nav button.owl-next { margin: 10px 5px 0 5px !important; float:none }


.bannerSlideFlex h2.slideTxt1, .bannerSlideFlex p.slideTxt1,.owl-carousel.bannerSlider span{ font-size:24px}

.helpingBrands .transitionBoxSlider p.phTxtSub{ font-size:26px}
.gradeientBox{ margin-top:20px}
.procureBox{ background-size:200%}
.procureBoxSlider { width:calc(100% - 40px); margin:0 auto}
.underlineTxt{ font-size:16px}
ul.underlineBullet li{ font-size:14px}
.topHeader{ padding:0 20px;}
.subTabs div{ margin:0 auto !important}
.subTabs div img{ width:80%; margin:0 auto; display:block}
.subTabs{flex-direction: column;}
.helpingBrands ul li{ width:45%;}
.helpingBrands ul li img{ max-width:100%; margin-bottom:20px}
.fitSection{ padding:20px}
.bannerLP{flex-direction: column;}
.bannerLPLeft{ width:100%; padding:0; padding:20px}
.bannerLPRight{ width:calc(100% - 40px); margin:0 auto; padding:20px}
.bannerLPLeft h1,.bannerLPLeft h1 span,h2.smTxt{ font-size:24px}
#lpBannerBox{ padding:20px 0 20px 0;  background:#000}
.bannerLPLeft .subTxt{ font-size:16px; margin-bottom:0}
.bannerLPLeft img{ padding-bottom:10px}
.ctaBox p{ font-size:20px}
.ctaBox{ padding:30px 0 10px 0 }
.featuredVideoSlider .item{ width:100%}
.featuredVideoSlider .item p:nth-child(3){ padding-bottom:15px !important}
section#lpMainBox{ padding:60px 20px 20px 20px !important; margin-top:0 !important}
div.lpOverviewContainer{ padding-bottom:50px !important}
div.whyChooseBoxBlue{ padding-bottom:50px !important}
.lpOverviewContainerLeft, .lpOverviewContainerRight, .whyChooseLeft, .whyChooseRight {
  width: 100%;flex-direction: column; padding-left:0px; padding-right:0px
}
.helpingBrands{background-size: cover;background: url(https://osourceglobal.com/wp-content/uploads/2024/10/logo-bg.svg) center 130px no-repeat; padding-bottom:0}
.orangeGradient{ width:calc(100% - 40px); padding:20px; margin-bottom:0}
.discoverBox{ margin:0 auto !important;}
.effortBox{ padding:20px}
.effortLessBox, .beyondPayRoll{ padding:50px 0 30px 0 !important}
div.effortLessBoxInner div{ padding:20px }
div.beyondPayRoll h2.normalTxt {
  padding-bottom: 0px !important;
}
.beyondPayRollInner div{ padding-bottom:20px !important}
div.beyondPayRollInner{ margin: 0 auto !important}
.counterBoxInner p:nth-child(2){ line-height:18px}
.lpOverviewContainerRight img {
  width: 100%;
  margin: 0 auto 0px auto;
  display: block;
}
.lpOverviewContainerLeft,.whyChooseLeft{order:2}
.lpOverviewContainerRight,.whyChooseRight{order:1}
.threeContainer{ width:100%}
div.threeCol.secondRowThreeCol {  margin-top: 20px !important;}
.whyChoose{ margin-top:0 !important}
.fitSection.oneex img{ max-width:200px}
.whyChoose{ width:100%}
.whyChooseLeft{ padding:0}
.whyChooseList li{ width:100%}
.whyChooseRight{ padding:20px 0}
.footerBox table td {  width: 100%;  display: block;}
.footerBox{ padding:20px}
.dualBorder,.dualBorder{ border:0}
.bannerLP, .threeCol, .lpOverviewContainer, .whyChoose{flex-direction: column;}
#portfolioSlides .single-slide-Content{ margin:0}
.threeContainer.hmobile{ display:none}
.bannerLPLeft .counterBoxInner p{ font-size:12px !important; padding-right:10px}
.counterBoxInner {width: 50%; margin-right: 0;border: 0;  border-radius: 10px; padding: 0 0 0 50px; background-size: 40px !important;  align-content: center;}
.footerBox table td{ width:100% !important}
.counterBox{ padding-top:0}
#lpBannerBoxInner{ padding:0}
.helpingBrands p,.helpingBrands p.orangeGradientTxt1{ font-size:24px}
.helpingBrands p{ padding:40px 20px 20px 20px}
.discoverBoxOuter{ margin-top:50px}
.discoverBoxOuter p:nth-child(1){ font-size:20px !important}
.discoverBoxOuter p:nth-child(2){ font-size:26px !important; padding:20px 20px 40px 20px !important}
.helpingBrands p.transheading{ font-size:26px; margin:50px auto 0px auto}
.helpingBrands .transitionBoxSlider .item { width:calc(100% - 40px); margin:0 auto}
.erpSlider .item{ padding:20px}
section.marginTopEmployees, section.integratedERP{ padding-bottom:100px !important}
div.owl-theme.transitionBoxSlider .owl-nav,
div.owl-theme.procureBoxSlider .owl-nav, div.owl-theme.erpSlider .owl-nav
{ top: auto !important; bottom:-60px !important}
.procureBoxHeading{ font-size:26px; padding:0 20px}
.procureGradient{ width:250px}
.discoverInnerBoxes{flex-direction: column;}
.discoverInnerBox{ width:calc(100% - 40px); margin-left:auto; margin-right:auto; padding:20px}
.reductionBox{ background-size:cover; padding-bottom:100px !important}
div.discoverBox div{ width:100%; border:0 !important; border-bottom: 1px solid #2563EB !important; padding:20px 0}
div.discoverBox div p:nth-child(2){ padding:10px 0}
.discoverBox::after{ display:none}
.effortLessBoxInner,.beyondPayRollInner,.discoverBox{ background-image:none !important;flex-direction: column;}
.effortLessBox, .beyondPayRoll{ padding:50px 0}
div.lpOverviewContainerRight img,.beyondPayRollInner div{ margin:0; padding:0; width:100%}
.whyChooseBoxBlue .whyChooseRight, .whyChooseBoxBlue .whyChooseLeft,div.beyondPayRollInner div{ width:100%}
div.tstimonials{ padding:50px 20px}
.beyondPayRollInner div:nth-child(2),.beyondPayRollInner div:nth-child(3){ margin-top:0 !important}
.whyChooseLeft{ padding-left:20px; padding-right:20px}
div.owl-theme .owl-nav{ text-align:center}
.tstimonials .owl-theme .owl-nav{ top:auto; bottom:-40px}
.businessAutomationSlider .owl-nav button.owl-prev {
  margin: 0px 0 0 -20px;
}
.owl-theme.businessAutomationSlider .item img{ max-height:auto !important; max-width:auto !important; width:stretch !important}
.businessAutomationSlider .owl-nav button.owl-next {
  margin: 0px -20px 0 0px;
}
.lpOverviewContainerLeft h2, .lpOverviewContainerLeft p,div.whyChooseLeft, div.whyChooseLeft h2{ text-align:center !important}
.helpingBrands p.orangeGradientTxt1{ font-size:20px !important}
.discoverBox div p:nth-child(3){ padding-bottom:0 !important}
.effortLessBoxInner div p:nth-child(3){ margin-bottom:0 !important}
h2.redGradentTxt{ font-size:24px; margin:20px 0}
.aboutHrmsRight { padding-left: 15px; padding-right:15px;}
.aboutHrmsRight p { line-height: 20px; font-size: 12px; font-weight:400}
.aboutHrms{flex-direction: column;}
.orangeBtn:link, .orangeBtn:visited{ margin-top:10px}
.aboutHrmsLeft { padding:0}
.aboutHrmsLeft img{ padding:15px; width:100%}
.redGradentTxt.mobileH{ display:block}
.pppara{ font-size:12px}
.chasoBox{ display:none}
.chasoBoxInner{ box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 15px;   padding: 15px;}
.featuredVideoSlider .item{ font-size:14px}

.item p:nth-child(1){ font-size:12px; line-height: 20px;}
.item p:nth-child(2){ font-size:18px;}
.item p:nth-child(3){ font-size:12px; margin-bottom:0; padding-bottom:0}
.tstimonials h2.normalTxt, .partnerOsourceInner h2{ font-size:24px}
.testisubheading{ font-size:12px}
div.tstimonials{ padding:30px 15px}
.partnerOsourceInner{ width:90%; padding:20px}
.partnerOsourceInner p{ font-size:8px}
.blueGradient h2{ font-size:14px; padding-bottom:0}
.blueGradient{ padding:30px 15px}
.orangeBtn:link, .orangeBtn:visited{ font-size:12px}
.featuredVideoSlider .owl-dot.active span{ width:12px; height:12px; background:#000 !important; border-radius:50px; display:inline-block}
.featuredVideoSlider .owl-dot span{ width:12px; height:12px; background:#D9D9D9; border-radius:50px; display:inline-block; margin:0 5px}
.featuredVideoSlider .owl-dots{ width:100%; height:30px; text-align:center; margin-top:15px}

.erpSlider.owl-carousel .owl-nav{ bottom:-40px !important}
.erpSlider.owl-carousel .owl-nav button.owl-prev, .erpSlider.owl-carousel .owl-nav button.owl-next { float:none; margin:0 5px}
.erpSlider.owl-carousel .owl-nav button.owl-prev span, .erpSlider.owl-carousel .owl-nav button.owl-next span{ opacity:0}
img.mobileImgDsk, .trustedHRPartnerInnerLeft, .trustedHRPartnerInnerRight{ width:100%}
img.mobileImgDsk.ssm{ width:70%; margin-left:15%}
.eightBoxes{ padding-bottom:0}
.trustedHRPartnerList li{ padding-right:15px}
.trustedHRPartnerList li p:nth-child(1){ font-size:16px;}
.trustedHRPartnerList li p:nth-child(2){ font-size:12px}
.trustedHRPartnerList.paraSec {
  padding-right: 0px;
  padding-left: 0;
}
.trustedHRPartnerInner.bottomHRPartner .trustedHRPartnerInnerRight{ order:2}
  .trustedHRPartnerInner.bottomHRPartner .trustedHRPartnerInnerLeft{ order:1}
  .bannerSlideFlex h2.slideTxt1{ padding-top:0px}
  .isoImg {
  width: 34px;
}
.blueGradientBox h2{ font-size:14px;line-height: 24px;}
.contactBtn:link, .contactBtn:visited{ margin:40px auto 25px auto}

.ourOffList li{ width:100% !important; background-size:24px !important; padding-left: 40px; margin-bottom:25px !important}
.ourOffList li p:nth-child(1){ font-size:14px}
.ourOffList li p:nth-child(2){ font-size:12px}

.streamLineOuter p.whiteTab {
  margin: 20px auto 0 auto;}
.whyOutSourceInnerBox h2.redGradentTxt{ padding-left:50px; padding-right:50px; max-width:380px}  
.whyOutSourceInnerBox h2::before{ margin:0 0 0 140px}
.whyOutSourceInnerBox h2::after{ margin:0 140px 0 0}

.endToEndAccountOuterBox h2{ text-align:left}
.blueGradientBox{ padding:50px 15px}

  .contactBtn:link, .contactBtn:visited {
  border-radius: 10px;
  background: #2563EB;
  color: #fff;
  font-size: 12px;
  font-weight: 700;

  padding: 10px 15px;
  display: block;
  width: 100px;
  text-align: center;
}

.EffortlessOffRoleInner{max-width: 350px; width:100%; padding-left:15px; padding-right:15px}

.advantageInnerList li{ width:100%; padding: 0 20px 15px 35px;  background-size: 25px !important;}
.advantageInnerList{flex-direction: column; margin-left:0; padding-left:0}
.advantageInnerList li{}
section.advantage {
  padding-bottom: 0px !important;
  padding-top: 0;
}
.advantageInnerLeft.advantListlist p{ padding:0; font-size:12px; text-align:center}




}