/*Hire ladnding page start*/
.hiresearch { display: flex; margin: 20px 0; position: relative; width: 100%; background: var(--white); box-shadow: 0px 4px 4px 0px rgba(10, 116, 243, 0.25);  border-radius: 30px;
  -webkit-transition: all 0.25s ease-in-out;  -moz-transition: all 0.25s ease-in-out;  transition: all 0.25s ease-in-out;  z-index: 8;}

.hiresearch .searchlocation{ position: relative; width: 279px;}
.hiresearch .searchlocation  i{ position: absolute; left: var(--size20); top: var(--size20); fill: var(--grayaaa);}
.hiresearch .searchlocation input[type="text"] {border-radius: 0;  border-left: solid 1px var(--grayaaa); padding: 20px 20px 20px 45px; width: 100%;}
.hiresearch .searchlocation.lradius input[type="text"] { border-radius: 30px 0px 0px 30px;}
.hirebannerbg{position: relative;}
.hirebannerbg:before { background: linear-gradient(to right, #1c7a52, #3447a7);  padding: 100px 0 80px 0;  margin-top: -100px;  transform: skewY(-5deg);  transform-origin: center;  content: ""; position: absolute;width: 100%; height: 100%;z-index: -1; }
.hirebannerbg .row{align-items: center}
.hirebannerbg figure{text-align: center; display: flex; align-content: center; justify-content: center; margin-bottom: -8px; padding: 41px 0 0;}
.hirebannerbg figure img{ width: 70%;}
.hirebannerbg .title1{ font-family: var(--poppins); font-size: 40px; font-weight: var(--fontweight600); line-height: 60px; color: var(--white);}
.hirebannerbg .title1 mark{ background-color: transparent;   padding: 0; position: relative; z-index: 2; color: var(--white);}
.hirebannerbg .title1 mark:before{background-image: url("../images/mark-heading.webp");content: "";  width: 100%;  position: absolute;  background-size: 100%;  background-repeat: no-repeat;  top: 70%;  height: 100%;  z-index: -1;}
.hirebannerbg .title2{ font-family: var(--poppins); font-size: 18px; font-weight: var(--fontweight500);  color: var(--white); padding: 15px 0 30px; line-height: 30px}

.hiresearchbtncol{ }
.hiresearchbtn{padding: 16px 28px; margin: 3px;}

.highlighttext {
  text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
  font-size: 190px;
}

@keyframes textclip {
  to {
    background-position: -200% center;
  }
}


.job-help {
  text-align: center;
  padding: 10px 15px;
  border-radius: 4px;
  border: dashed 1px #ea6031;
  background: #fff;
  color: #000;
  font-size: 16px;
  line-height: 30px;
  display: block;
  margin: 30px;
}
.job-help span{ font-weight: 600; color: #128202;}


.marquee-section{position:relative;padding:12px 0;margin-top: 30px; }
.marquee{position:relative;--duration:30s;--gap:0px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--gap)}
.marquee .marquee-group{flex-shrink:0;display:flex;align-items:center;gap:var(--gap);min-width:100%;animation:scroll var(--duration) linear infinite}
.marquee .text{ border: 1px solid #ccc; padding: 10px 20px; border-radius: 35px; margin: 0 10px; background: #fff; }
.marquee .text .htext{font-size:16px;    }
.marquee .text .stext{font-size:14px;  color: var(--gray777);}

.marquee:hover div { animation-play-state: paused;}


@media (prefers-reduced-motion:reduce){
.marquee .marquee-group{animation-play-state:play}
}
@keyframes scroll{
0%{transform:translateX(0)}
to{transform:translateX(calc(-100% - var(--gap)))}
}
@keyframes scroll{
0%{transform:translateX(0)}
to{transform:translateX(calc(-100% - var(--gap)))}
}


@keyframes createscrol {
 0% {  transform: translateX(0) }
 to {  transform: translateX(100%) }
} 







/*Hire ladnding page end*/

/* Back to top start*/
.cd-top { color: rgba(0, 0, 0, 0.4); display: inline-block; font-size: 22px; height: 55px; overflow: hidden; opacity: 0; text-align: center; visibility: hidden; white-space: nowrap; width: 75px; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; top: auto; right: 0; bottom: 40px; left: auto; position: fixed; }
.cd-top span { border: solid 3px rgba(0, 0, 0, 0.4); display: inline-block; padding: 10px; position: relative; min-width: 40px; min-height: 40px; text-align: center; word-wrap: break-word; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; }
.cd-top span b { left: 50%; position: absolute; top: 50%; text-transform: uppercase; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.cd-top span:hover { background: rgba(254, 254, 254, 0.6); color: #333; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.cd-top.cd-fade-out { opacity: .5; }
.cd-top.cd-is-visible { opacity: 1; visibility: visible; z-index:101; }
.no-touch .cd-top:hover { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.cd-top .no-touch .cd-top:hover { background: rgba(0, 0, 0, 0.8); opacity: 1; }

/* Back to top end*/



@media only screen and (max-width : 320px) {}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {}
/*----iphone---*/
@media (max-width : 640px) {
 /* wizard  start */
.mobilehide{display: none}
/*header .topblock{padding: 10px 15px;}*/
.hearoheaderbg{padding-top: 80px;}
.herosearch .heroseachexpand, .searchopena .herosearch, .herosearch{width: 100%; flex-direction: column;gap: 10px;}
.herosearch{border-radius: 4px;padding: 15px;z-index: 8}
.searchopena .herosearch .heroseachexpand, .searchopena .herosearch .searchbg, .searchopena .herosearch .searchbg input[type="text"]{width: 100%}
.searchopena .herosearch .heroseachexpand{flex-direction: column}
.herosearch .searchbg input[type="text"], .herosearch .searchlocation input[type="text"]{    border: solid 1px var(--grayaaa);    border-radius: 4px;}
.herosearch .heroseachexpand{opacity: 1}
.herosearch .searchexp input[type="text"], .herosearch .heroseachexpand input[type="text"]{width: 100%;   border: solid 1px var(--grayaaa);    border-radius: 4px;}
.herosearch .searchsubmit a, .herosearch .searchsubmit{position: static;text-align: center}
.herosearch .heroseachexpand>*, .headersearchwarp{width: 100%}
 .headersearchwarp{display: none}
.carerlist ul{grid-template-columns: repeat(1,1fr);}
.resuminfowrp .resumdetalswarp{flex-direction: column}
.getjobs-left .media{width: 100%;height: auto}

.tag1 {display: flex;flex-wrap: wrap;gap: 10px;}
 
}

@media only screen and (min-width : 569px) and (max-width : 640px) {
 .carerlist ul{grid-template-columns: repeat(2,1fr);}
}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) { 
 .carerlist ul{grid-template-columns: repeat(2,1fr);}
}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
header .logo a{margin: 0 var(--size10);}
.getalert, .furebanner, .primarytitle, .ourbanner{margin-bottom: 0;padding: 15px;}

	/*.funclist {flex-wrap: nowrap;justify-content: flex-start;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;margin: 0 15px;padding-bottom: 40px}*/
	.funclist {}
.getalert .title br{display: none}
.primarytitle, .getalert .title{font-size: 26px;line-height: 28px;}
.lastblockwarp .tab{margin: 0 auto;margin-bottom: 20px;}
.toprecrtrs, .njspace{padding: var(--size20) 0}
  
}
/**/
@media (min-width: 992px) {}
/*----iphone---*/
@media (max-width: 991px) {}
/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) {
.tab{align-items: center;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;margin:0 auto; margin-bottom: 20px}
 header {padding: 10px}
header .rightsectionholder nav{display: none}

 
 /**/
.mobilesearch{}
.sticky .mobilesearch{display: block;}
.sticky .mobilesearch a{background: #E2DEF0;border-radius: 50%;width: var(--size40);height: var(--size40);align-items: center;justify-content: center;display: flex}
.sticky .headersearchwarp .title{opacity: 1}
.sticky .headersearchwarp{opacity: 0}
 
.headersearchwarp  { position: fixed!important; right: -30px; top:0; width: 100%; z-index: 8; background-color: #fff; color: #7f7f7f; height: 100%; display: block; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); transform: translateX(800px); -webkit-transform: translateX(800px); -moz-transform: translateX(800px); -ms-transform: translateX(800px); -o-transform: translateX(800px); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; border-top: 1px solid rgba(51, 51, 51, 0.25);overflow-x: hidden;overflow-y: auto; display: block!important;margin-top: 0;z-index: 999;}

.searchopen .headersearchwarp .title{background: var(--graya);padding: var(--size20);font-weight: 500;color:var(--black);display: block}
.searchopen .headersearchwarp .title a{color:var(--black);display: flex;gap:var(--size10)}
.searchopen .headersearchwarp .title svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.searchopen .headersearchwarp { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);right: 0;top: 0;margin: 0;box-shadow: none;border: 0;opacity: 1}

.searchopen .headersearchwarp .seachexpand{opacity: 1;flex-direction: column;visibility: visible;width: 100%;gap: 10px;}
.searchopen .headersearchwarp .seachexpand > *{width: 100%;}
.searchopen .headersearchwarp input[type="text"], .headersearchwarp.open .searchexp input[type="text"]{width: 100%;    border-radius: 8px;}
.searchopen .headersearchwarp .seachexpandwarp{margin:10px 0 0}
.searchopen .headersearchwarp .seachexpand{text-align: center}

.searchopen .headersearchwarp .headersearch{margin: 15px 15px 0}
.searchopen .headersearchwarp .seachexpandwarp{padding:0 15px 15px}

/**/
  
 
}
/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
 .carerlist ul{grid-template-columns: repeat(3,1fr);}
 .topicontent.one{left: 0}
 .topicontent.two{bottom: 100px;}
 .topicontent.three{right: 0;bottom: 210px;}
 .headertwarp { width: 375px;height: 450px; } 
}


@media only screen and (max-width : 1000px) {
	.lpcounter { display: block;}
	.lpcounter .countercol {  width: 100%;}	
	
	
	.hiresearch{ flex-direction:column; padding: 5px; border-radius: 0px 0px 30px 30px;}
	.hiresearch .searchlocation { width: 100%; padding: 10px;}
	.hiresearch .searchlocation.lradius input[type="text"] { border-radius: 0;}
	.hiresearch .searchlocation i {top: 30px; }
	.hiresearchbtn { display: block;}
	
}




/*----netbook---*/
@media only screen and (min-width : 1024px) and (max-width : 1280px) {}
/*----ultrabook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {}
/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) {}
/*   */
@media only screen and (min-width : 1367px) and (max-width : 1512px) {}
/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {}




@media only screen and (max-width : 1000px) {
	.hiresearch{ flex-direction:column; padding: 5px; border-radius: 0px 0px 30px 30px;}
	.hiresearch .searchlocation { width: 100%; padding: 10px;}
	.hiresearch .searchlocation.lradius input[type="text"] { border-radius: 0;}
	.hiresearch .searchlocation i {top: 30px; }
	.hiresearchbtn { display: block;}
	.hirebannerbg .title1 {
               margin-top: 80px;
             }
}



.marquee-section{position:relative;padding:12px 0;margin-top: 30px; }
.marquee{position:relative;--duration:30s;--gap:0px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--gap)}
.marquee .marquee-group{flex-shrink:0;display:flex;align-items:center;gap:var(--gap);min-width:100%;animation:scroll var(--duration) linear infinite}
.marquee .text{ border: 1px solid #ccc; padding: 10px 20px; border-radius: 35px; margin: 0 10px; background: #fff; }
.marquee .text .htext{font-size:16px;    }
.marquee .text .stext{font-size:14px;  color: var(--gray777);}

.marquee:hover div { animation-play-state: paused;}

 
@media (prefers-reduced-motion:reduce){
.marquee .marquee-group{animation-play-state:play}
}
@keyframes scroll{
0%{transform:translateX(0)}
to{transform:translateX(calc(-100% - var(--gap)))}
}
@keyframes scroll{
0%{transform:translateX(0)}
to{transform:translateX(calc(-100% - var(--gap)))}
}


@keyframes createscrol {
 0% {  transform: translateX(0) }
 to {  transform: translateX(100%) }
} 


 .drop-list ul li .metrotitle { background-color: #ebecf0; color: #ff837e !important; font-weight: bold;}