:root {
	--global--color-orange: #FF8A2E;
	--global--color-black: #000000;
	--global--color--light-black: #000000;
	--global--color-blue: #F3F9FD; 
	--global--color-white: #FFFFFF; 
	--font-roboto-slab:"Roboto Slab", sans-serif;
	--font-roboto: "Roboto", sans-serif;
	}
body{font-family: "Roboto", sans-serif;}
a {outline: none;border: 0;	&:active {outline: none;}&:focus {outline: none;}}
.font-roboto{font-family:"Roboto", sans-serif;}
.font-roboto-slab{font-family:"Roboto Slab", sans-serif;}  
.bg-blue{ background-color: #F6FBFF;box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.1);}
.bg-blue-no-box-shadow{ background-color: #F6FBFF;}
.bg-black{ background-color:var(--global--color-black) ;} 
.text-orange{color:var(--global--color-orange) ;}
.bg-orange{background-color:var(--global--color-orange)}
.text-light-black{color:var(--global--color--light-black) ;}
p{ font-size: 1em;line-height: 1.5em;}

.wrapper{ max-width: 1280px;}
/* Nav start */
.menu-header-menu-container .menu-item a{ color: var(--global--color--light-black); font-size: 1em; font-weight: 700; position: relative; padding-bottom:6px ;transition: all 0.5s;
	&:hover{color:var(--global--color-orange);}
	&::after{transform: scaleX(0);transition: transform 0.5s ease-in-out; content: ""; width: 100%; height: 2px; background-color: var(--global--color-orange); position: absolute; bottom: 0; left: 0;}
	&:hover::after{transform: scaleX(1); }
} 
.menu-header-menu-container .menu-item.current-menu-item a{color:var(--global--color-orange); 
} 
.talkExpertBtn{ background:var(--global--color-orange); padding:20px 25px; font-size:14px; line-height: 1.5em; display: inline-block; color: #fff; text-transform: uppercase; letter-spacing: 1px;transition: all 0.5s;
	&:hover,&:focus{
		box-shadow: inset 20em 0 0 0 var(--global--color-black); background-color: var(--global--color-black);
	}
}
.talkExpertBtn img{ display: inline-block; vertical-align: middle; margin-right: 15px;} 
.footer-right{ width: 36em;}
.footer-copyright{background: rgba(255,255,255,.1);padding: 30px 0;}
.copyright{ color: #fff; font-size: 14px;}

.webHide{ display: none;}
.hamburger-lines {
	height: 26px ;
	width: 32px ;
	position: absolute; 
	top: 52px ;
	right: 20px ;
	z-index: 2 ;
	display: none ;
	flex-direction: column ;
	justify-content: space-between ;
	cursor: pointer ;
	.line {
		display: block ;
		height: 4px ;
		width: 100% ;
		border-radius: 10px ;
		background: #0e2431 }
	.line1 {
		transform-origin: 0% 0% ;
		transition: transform 0.4s ease-in-out }
	.line2 {
		transition: transform 0.2s ease-in-out }
	.line3 {
		transform-origin: 0% 100% ;
		transition: transform 0.4s ease-in-out }
	&.active {
		.line1 {
			transform: rotate(45deg) }
		.line2 {
			transform: scaleY(0) }
		.line3 {
			transform: rotate(-45deg) }
		}
.HeadActive {
	.hamburger-lines {
		.line {
			background: #fff }
		}
	}
}


/* Contact Form 7 start */
.footer-form .form-column{ display: flex; justify-content: space-between; gap: 25px; margin-bottom: 25px;}
.footer-form  .form-column-single{ margin-bottom: 25px;}
.footer-form label{ display:block;font-family:"Roboto", sans-serif; font-size: 16px; color:var(--global--color-white); margin-bottom: 10px;}
.footer-form label small{ color: #FF0000;font-size: 16px; }
.footer-form .wpcf7-not-valid-tip{ font-size: 12px;}
.footer-form input[type=text],.footer-form input[type=email],.footer-form input[type=password],.footer-form input[type=phone]
{ padding: 10px; margin: 0; width: 100%;border: 1px solid #FFFFFFCC; background: transparent; line-height: 25px; color:var(--global--color-white); transition: all .5s;
	&:hover{
		border-color:#A8581A;outline: none;
	}
	&:focus{
		border-color: var(--global--color-orange); outline: none;color:var(--global--color-white); 
	}
}
.footer-form textarea
{ padding: 10px; margin: 0; width: 100%;border: 1px solid #FFFFFFCC; background: transparent;color:var(--global--color-white); height: 80px; resize: none;transition: all .5s;
	&:hover{
		border-color:#A8581A;outline: none;
	}
	&:focus{
		border-color: var(--global--color-orange); outline: none;color:var(--global--color-white); 
	}
}
.footer-form .wpcf7-submit{background:var(--global--color-orange); padding:20px 40px; font-size: 14px;; line-height: 1.5em; color:var(--global--color-white); text-transform: uppercase; letter-spacing: 1px;transition: all 0.5s;
	&:hover,&:focus{
		box-shadow: inset 20em 0 0 0 var(--global--color-white); background-color: var(--global--color-white); color: var(--global--color-orange);
	}}

/* Contact Form 7 ends */
/* Home page banner slider ster */
.page-banner-section{overflow: hidden;padding: 0% 0%;margin: 0px 0%;background-position: left top;background-size: cover;background-repeat: no-repeat;}
.page-banner-Inner {align-items: start;justify-content: center;display: flex;flex-direction: column;min-height: 700px; width: 65%;}
.bannerInner {align-items: start;justify-content: center;display: flex;flex-direction: column;min-height: 700px; width: 65%; padding-top:7.5em;}
#home_banner_slider .owl-item .banner-container,.page-banner-section .banner-container{margin: 0 auto; max-width: 1280px;}
#home_banner_slider .owl-item p{position:relative;margin-left:0;transform:translateX(100%);opacity:0;color:#fff}
#home_banner_slider .owl-item p{font-weight:400;font-size:20px;line-height:28px}
#home_banner_slider .owl-item.active p{position:relative;animation:slide-in-anim 2s ease-out forwards}
@keyframes animateright{
from{right:-500px;opacity:0}
to{right:0;opacity:1}
}
@keyframes slide-in-anim{
20%{opacity:0}
60%{transform:translateX(-5%)}
75%{transform:translateX(-2%)}
100%{opacity:1;transform:translateX(0)}
}
#home_banner_slider.sa_owl_theme .owl-dots{bottom:90px!important;left:50%;position:absolute;z-index:10;width:auto;background: transparent; display:flex!important;justify-content:center;align-items:center;transform:translateX(-50%)}
#home_banner_slider.sa_owl_theme .owl-dots button{position:relative;z-index:10}
#home_banner_slider.sa_owl_theme .owl-dots .owl-dot{background-color:#fff!important;width:12px!important;height:12px!important;transition:all .3s ease;margin:0 2px}
#home_banner_slider.sa_owl_theme .owl-dots .owl-dot.active{background-color:var(--global--color-orange)!important;width:12px!important;height:12px!important}
#home_banner_slider.sa_owl_theme .owl-dots .owl-dot span,#home_banner_slider.sa_owl_theme .owl-dots .owl-dot.active span{background:0 0!important}
#home_banner_slider.owl-pagination-true{margin-bottom:0!important;background-color:#022c3c}
#home_banner_slider .owl-item h1,#home_banner_slider .owl-item p,.banner-slider .owl-item h1,.banner-slider .owl-item p,.page-banner-section p, .page-banner-section h1{position: relative;margin-left: 0;transform: translateX(100%);opacity: 0;color: #fff}
#home_banner_slider .owl-item h1,.banner-slider .owl-item h1,.page-banner-section h1{font-weight: 700;font-family: var(--font-roboto-slab); font-size: 3em;padding-top: 0;margin-top: 0; margin-bottom: 15px;}
.home-banner-wrapper{position:relative}
#home_banner_slider .owl-item.active h1,.banner-slider .owl-item.active h1,.page-banner-section h1{position: relative;animation: slide-in-anim 1.5s ease-out forwards}
#home_banner_slider .owl-item.active .container p,.banner-slider .owl-item.active p,.page-banner-section p {position: relative;animation: slide-in-anim 2s ease-out forwards}
#home_banner_slider.sa_hero_slider .owl-stage-outer .owl-stage .owl-item{ height: auto !important;}
.white #home_banner_slider.sa_hero_slider, .black .sa_hero_slider{ height: auto !important;}
.btn-banner{
	background: #FFFFFF26; padding:20px 25px;border: 1px solid #FFFFFF; font-size:14px; line-height: 1.5em; margin-top: 30px; color: #fff; text-transform: uppercase; letter-spacing: 1px;transition: all 0.5s;
	&:hover,&:focus{
		box-shadow: inset 20em 0 0 0 rgba(255,255,255,.3); background-color:rgba(255,255,255,.5);border: 1px solid rgba(255,255,255,.3);
	}
}
.public-Sector-staffing{ background-color: #F6FBFF;}
.card-1{padding-top: 3.5em;
		h3{ position: relative;
		&::after{ border-bottom:4px solid var(--global--color-orange); content: ""; width: 25%; position: absolute; bottom: 0; left: 0;}
}
}
.card-outer{ display: flex; gap: 1.5em; flex-wrap: wrap;
		.card{ height: 445px; width: 31.5%; background: transparent; border: 0px; overflow: hidden; border-radius: 0px;
			.image{ position: relative;}
			.card-hover{padding: 20px 0;transition: all 1s; height: 9em; overflow: hidden;transition: transform .75s;transform: translate3d(0, calc(100% - 9rem), 0);
				h4{ font-size: 1.5rem; font-weight: 500; color: var(--global--color-orange); font-family: var(--font-roboto-slab);margin-bottom: 1.5rem;}
				p{ color: var(--global--color--light-black);}		
			}
			&:hover{
					.card-hover{background-color: var(--global--color-orange); position: absolute; top: 0; height: 100%; width: 100%; left: 0; padding: 25px;   margin-bottom: 0;transform: translate3d(0, 0, 0);
					h4,p{color: var(--global--color-white);}					
				}	
			}
		} 	
}
.bridging-public-sector{ background: url(../images/public-sector-bg.svg) no-repeat center center; background-size: cover; padding: 3.2em 0; min-height: 600px;}
.circle-img{opacity: .5;padding-left: 3em; text-align: center;}
.circle-1{ width: 280px; height: 280px; border-radius: 100%; background: #fff; padding: 80px 40px;display: flex;justify-content: center;align-items: center; position: absolute; top: 4em; left: 5.6em;}
.circle{width: 150px; height: 150px; box-sizing: border-box; border-radius: 100%;border:6px solid var(--global--color-orange); padding: 30px 6px; background-color: #fff;display: flex;justify-content: center;align-items: center; position: absolute;}
.circle-2{ left: 3.5em; top:9em;}
.circle-3{ left: 9.5em; top: 1em;}
.circle-4{ right:10.5em;top: .5em;}
.circle-5{ right: 6em; top: 9.7em;}
.circle-6{ right: 5.5em; top:19.7em;}
.circle-7{ left: 15.5em; top:23em;}
.circle-8{ left: 6.5em; top:18.5em;}
.typical-staffing-provider{ background-color: #F6FBFF; padding: 3.2em 0;}
.staffing-provider-list li{ padding:16px 16px 16px 50px;color:var(--global--color--light-black); position: relative;border-bottom: 1px solid #D2E1EC;transition:all .5s;
	&:last-child{ border-bottom: 0px;}
	&::before{ content: ""; background: url(../images/list-item-img.png) no-repeat 0 0; position: absolute; width: 14px; height: 12px; left: 20px; top:30px;}
	&:hover{
		background-color: #fff;
	}
}
.w-41em{ width: 41em;}
.service-page-pointer-outer{
	.service-page-pointer{position: absolute; left: 0; top: -60px; width: 100%;z-index: 9; max-width: 1280px; left: auto;
		ul{gap: 25px; justify-content: space-between; flex-basis: auto;
			li{	width: calc(100% / 5);	
				a{color: var(--global--color--light-black); font-size: 1.25em; line-height: 1.35em; display: flex;  justify-content: center; font-weight: 400;
					align-items: center;background-color: #fff; height: 120px;border: 1px solid #D2E1EC;transition:all .5s; text-align: center;font-family: var(--font-roboto); 
					&:hover{
						border: 1px solid #D2E1EC;;background: var(--global--color-blue); color: var(--global--color-black);			
					}
					&.active{border: 1px solid var(--global--color-orange);background: var(--global--color-orange); color: #fff;font-weight: 500;}
				}
				
			}
		}
		&.affix{
			position: fixed; top: 0px; max-width: 100%; width: 100%; left: 0; background-color:var(--global--color-white);box-shadow: 0px 0px 10px 0px #0000002b; padding: 10px 0;
			ul{ max-width: 1280px; margin: 0 auto !important;
				li{
					a{ height: 60px;font-size: 1em;}
				}
			}
		}
	}
}
.list-sec {
	ul {
		li{padding: 1rem; font-size: 1rem;font-family: var(--font-roboto);line-height: 2.25rem; display: flex;
			span{
				color: #332C2B1A; font-size: 2.25rem; line-height: 2.25rem; vertical-align: top; font-family: var(--font-roboto-slab); font-weight: 900; display: inline-block; margin-right: 20px;
			}
			&:hover{
				background: #FFFFFF;
			}
		}
	}
}
.challenges-inside-sec{ background-color: #D2E1EC;
	.challenges-box-outer{position: relative;
		.challenges-box{border: 6px solid #FF8A2E;box-shadow: 0px 0px 10px 0px #0000001A; position: absolute; padding:1.25rem; background-color:var(--global--color-white); border-radius: 100%; width: 186px; height: 186px;display: flex;align-items: center;justify-content: center;
			p{color:var(--global--color-white); font-size: 1rem; font-weight: 600; color: #000000;text-align: center;}
			&.box1{
				left: 0;top: 137px; z-index: 1;
			}
			&.box2{
				left: 69px;top: 0; z-index: 2;
			}
			&.box3{
				left:223px;top: 23px; z-index: 3;
			}
			&.box4{
				left:247px;top: 175px;
			}
			&.box5{
				left: 109px;top: 245px;
			}
		}

	}
}

.core-content-outer{
	h2{
		span{background-color:var(--global--color-orange); height: 4px; width: 4rem; display: inline-block; margin-left: 1.5rem; vertical-align: middle;}
	}
}
.core-list-sec{
	ul {
		li{border-bottom: 1px solid #D2E1EC; padding: 1.25rem; background: url(../images/core-list-arrow.png) no-repeat 0 26px;
			h5{	color:var(--global--color--light-black); font-size: 1.25rem; font-weight: 700;font-family: var(--font-roboto);} 
			p{color:var(--global--color--light-black); font-size: 1rem; margin-top: .75rem;}
			&:last-child{border-bottom: 0px;}
			&:hover{background-color: #FFFFFF;}
		}
	}
}
.cloud-migration-sec{ background: url(../images/cloud-migration-bg.jpg) no-repeat 0 0; background-size: cover; background-position: fixed;
	h3{ line-height: 3.5rem; font-size: 3rem;}
}
.cloud-migration-content{ display: flex; flex-wrap: wrap; flex-direction: row;
	.cloud-migration-box{ width: calc(100% / 2); padding: 1.5rem;
		h4{color: var(--global--color-white);font-size: 1.5rem; font-weight: 700;font-family: var(--font-roboto); padding-bottom: 1rem;}
		p{ color: var(--global--color-white);font-size: 1rem;text-align: justify;}
	}
}
.accordion-outer{
	.sp-ea-single{ background: transparent !important; border: 0px !important;border-bottom: 1px solid #D2E1EC !important;
		.ea-header{
			a{
				padding: 30px 20px !important; font-size: 1.25rem; line-height: 1.5rem; position: relative;
				i{ display: none !important;}
				&::after{content: ""; position: absolute; right: 20px; top: 34px; background: url(../images/accordion-gray-icon.png) no-repeat 0 0; width: 12px; height: 15px;}				
			}
		}
		&.ea-expand{
			.ea-header{
				a{	background-color: var(--global--color-white);
					&::after{ background-image:url(../images/accordion-orange-icon.png);}
				}				
			}
			.sp-collapse{
				.ea-body{
					padding: 0px 20px 20px 20px; border-bottom: 2px solid var(--global--color-orange);
					p{ font-size: 1rem; color: var(--global--color--light-black); text-align: justify;}
				}
			}
		}
		&:last-child{ border-bottom: 0px !important;}
	}
}
/* Responsive css start here */
@media (max-width: 992px) {	
}
@media (max-width: 768px) {
	.mobHide{ display: none !important;}
	.webHide{ display: block; margin-top: 10px;}
	.hamburger-lines{ display: flex;}
	.activeNav{ display: block !important; width: 100% !important;}
	.activeNav {
		.menu-header-menu-container{
			ul{margin-top: 1.5rem;
				li{ margin: 2px 0;
					a{ padding: 5px 0; display: block;}
				}
			}
		}
	}
	.page-banner-Inner{ width: 100%;}
	.page-banner-Inner br,.dnone{ display: none;}
	.wrapper,.banner-container{ padding:0 2rem;}
	.bannerInner{ width: 100%;min-height:auto; height: 90vh;
		h1{ font-size: 2rem;
		br{display: none;}}
		p{ font-size: 1.25rem;}
	}
	.card-outer{flex-direction: column;
		.card{ width: 100%; height: auto;
			&.card-1{ padding-top: 0px;}
		}
	}
	.bridging-outer{ flex-direction: column;
		.bridging-left,.bridging-right{ width: 100% !important; margin: 0px !important;}
			.bridging-right{ display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem !important;
				.circle-1{position: relative; left: 0; top: 0; width: 100%; height: auto; border-radius: 5px; padding: 40px;}
				.circle{position: relative; left: 0; top: 0; width:100%;height: auto; border-radius: 0px; padding: 20px;}
			}		
		}
		.typical-staffing-provider{
			.typical-staffing-sec{ flex-direction: column;
				.typical-staffing-sec-img{ width: 100% !important;}
				.typical-staffing-sec-content{ width: 100%;
					.staffing-provider-list{ margin: 0 !important;}
				}
			}
		}
		.right-content-sec{ padding: 0 !important;
			h2{ margin-top: 1.5rem;
				span{
					width: 100%; margin: 0;
				}
			}
		}
		.core-content-outer{ padding-bottom: 2rem !important;}
		.cloud-migration-content{ flex-direction: column; gap: 2rem;
			.cloud-migration-box{padding: 0px; width: 100%;}
		}
		.service-page-pointer-outer{
			.service-page-pointer{position: relative; left: 0; top: 0px; width: 100%;
				ul{
					flex-direction: column; gap: 10px;
					li{width:100%;
						a{ height: auto; padding: 1rem 0;
							br{display: none;}
						}
					}
				}
				&.affix {
					& ul {
					  max-width: 100%;
					  margin: 0 !important;
				}
			}
		}
	}
	.row{
		&.reverse{
			flex-direction: column-reverse;
		}
	}
	.talkExpertBtn{ display: block; text-align: center;}
	.challenges-inside-sec {		
		.challenges-box-outer{
			.challenges-box{ position: relative; width: 100%; height: auto; border-radius: 10px; margin: 7px 0;border: 2px solid #FF8A2E;
				br{display: none;}
				&.box1,&.box2,&.box3,&.box4,&.box5{top: 0;left: 0;}
			}

			
		}
	}
	.footer-form{
		.form-column{flex-direction: column;}
		.wpcf7-submit{ width: 100%;}
	}
	.footer-left{ width: 100%;
		.address{margin-top: 1.75rem !important;}
		.follow{ margin-top: 1.75rem !important; margin-bottom: 2rem !important;}
	}
	.FronttalkExpertBtnOuter{ margin-left: 0px !important;}
	#home_banner_slider.sa_owl_theme .owl-dots{bottom: 20px !important;}
	  
		 
}
@media (max-width: 460px) {}
@media only screen and (min-width: 992px){}