/* Common CSS */
:root{
  --bg-color: #101c3f;
  --font-color: #fff;
  --hover-color: #00b142;
  --bg-btn: #00b142;
  --footer:#1c1e23;
}
/* @font-face {
  font-family: 'Mier B';
  src: url('./../font/MierB-Regular.ttf');
} */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  /* font-family: 'Kumbh Sans' !important;  */
}
body::-webkit-scrollbar {
display: none;
}
body{
/* overflow-x: scroll;
overflow-y: ; */
width: 100%;
left: 0;
/* font-family: 'Kumbh Sans' !important;  */
}

h1,h2,h3,h4,h5,h6,p,a,li,span,button{
font-family: 'Kumbh Sans' !important;
}
img{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
ul{
  margin-bottom: 0px;
}
li{
  list-style: none;
  display: inline-block;
  padding: 30px 0px;
}
a{
  text-decoration: none;
  color: #333333;
  transition: all 0.4s linear;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}
a:hover{
  text-decoration: none;
  color: #00b142;
}
.btn{
  padding: 8px;
  font-weight: 600;
  height: 40px;
  min-width: 100px;
  color: #000;
  /* border: 2px solid #00b142; */
  transition: all 0.4s linear;
  font-size: 13px;
  /* box-shadow: 0px 0px 10px 0px #101c3f; */
}
.btn:hover{
box-shadow: none;
background-color: #00b142;
color: #fff;
}
i{
  color: #fff;
  font-size: 15px;
  transition: all 0.4s linear;
}
input:focus-visible {
outline: none;
}

.border_shape1 {
border: 3px solid #215834;
height: 250px;
width: 250px;
position: absolute;
top: -45px;
right: 80px;
border-radius: 84px;
z-index: -1;
}

.border_shape2 {
height: 200px;
width: 200px;
border-radius: 50%;
background-color: #aed5af;
position: absolute;
bottom: -69px;
left: 45px;
z-index: -1;
}

.border_shape3 {
height: 50px;
width: 50px;
background-color: #215834;
border-radius: 50%;
position: absolute;
bottom: 28%;
left: 16%;
}

.border_shape4 {
height: 50px;
width: 50px;
background-color: #215834;
border-radius: 50%;
position: absolute;
bottom: 43%;
right: 16%;
}

@keyframes bounce_shape{

 0%{
  bottom: 91px;
  left: -8px;
 }
 25%{
  bottom: 356px;
  left: -8px;
 }
 50%{
  left: 568px;
  bottom: 356px;
 }
 75%{
  bottom: 172px;
  left: 568px;
 }
 100%{
  bottom: 172px;
  left: 568px;
 }
}

@keyframes bounce_shape2{

0%{
 bottom: 172px;
 right: -9px;
}
25%{
  bottom: -18px;
  right: -9px;
}
50%{
  bottom: -18px;
  right: 569px;
}
75%{
  bottom: 92px;
  right: 569px;
}
100%{
  bottom: 92px;
  right: 569px;
}
}

.banner_row2_right {
position: relative;
}

/* .banner_row2 .banner_row2_right .col-lg-6 {
flex-basis: 0;
} */

/* Common CSS - end */

/* Header CSS */

.header_right_col1 i:hover{
  color: #00b142;
  cursor: pointer;
}

.header_right_col1 i {
color: #333333;
}
.dropdown_c span{
  cursor: pointer;
  font-size: 14px;
  margin-top: -2px;
  font-weight: 600;
  transition: all 0.4s linear;
}
.dropdown_c span:hover{
  color: #00b142;
}

.header_main{
  background-color: #fff;
  position: relative;
  z-index: 3;
  box-shadow: 0px 7px 6px 1px #ffffff;
}
.dropdown_c{
  position:relative;
}

.selected span{
  display:flex; 
  color: #000819;
}

.selected  span{
  cursor:pointer; 
  display:flex; 
}

.drop-content{
  position:relative; 
}

.drop-content ul{
  position: absolute;
  left: -42px;
  top: 3px;
  display: none;
  list-style: none;
  background-color: var(--font-color);
  border-radius: 8px;
  padding: 5px;
  z-index: 1;
}


.drop-content ul li span{
  display:flex;
  padding:0px 15px;
  text-decoration:none;
  color:#131313;
  transition: all 0.4s linear;
  border-left: 5px solid transparent;

}

.drop-content ul li span:hover{
  color: #00b142;
  border-left: 5px solid #00b142;
}
.drop-hover li {
  display: block;
  padding: 5px;
  width: 100%;
}
.header_left_col2 a{
  padding: 5px 15px;
  color: #333333;
}
.header_left_col2 a:hover{
color: #00b142 !important;
}
.header_right_col2_btn2 .btn{
  border: 2px solid #333;
  color: #333;
  background-color: transparent;
  box-shadow: none;
}
.header_right_col2_btn2 .btn:hover{
  background-color: #00b142;
  color: #fff !important;
  border-color: #00b142;
}
.header_right_col2_btn2 .btn:hover > i{
color: #fff !important;
}
.header_left_col2 i {
color: #333;
position: relative;
top: 2px;
padding-left: 5px;
}
.header_left_col2 a:hover > i {
color: #00b142;
}

.job_option ul,.employer_option ul,.partner_option ul,.service_option ul,.subservice_option ul,.subproduct_option ul{
padding: 0px 0px;
}
.job_option li,.employer_option li,.partner_option li,.service_option li,.subservice_option li,.subproduct_option li{
display: flex;
align-items: center;
padding: 10px 15px;
transition: all 0.4s linear;
}
.job_option li a,.employer_option li a,.partner_option li a,.service_option li a,.subservice_option li a,.subproduct_option li a{
width: 100%;
display: inline-block;
font-size: 14px;
}
.job_option{
background-color: #fff;
border: 1px solid #cdcdcd;
/* display: inline-block; */
position: absolute;
top: 65px;
left: -55px;
display: none;
padding: 15px;
border-radius: 20px;
}
.option_show{
display: inline-block !important;
animation: dropdown 1s forwards;
}
@keyframes dropdown{
to{
  opacity: 1;
}
from{
  opacity: 0;
}
}
.employer_option{
background-color: #fff;
border: 1px solid #cdcdcd;
/* display: inline-block; */
position: absolute;
top: 65px;
left: 45px;
display: none;
padding: 15px;
border-radius: 20px; 
}
.service_option{
background-color: #fff;
border: 1px solid #cdcdcd;
/* display: inline-block; */
position: absolute;
top: 65px;
left: 201px;
display: none;
padding: 15px;
border-radius: 20px;
}
.subservice_option{
background-color: #fff;
border: 1px solid #cdcdcd;
/* display: inline-block; */
position: absolute;
top: 15px;
left: 170px;
width: max-content;
display: none;
padding: 15px;
border-radius: 20px;
}
.subproduct_option{
background-color: #fff;
border: 1px solid #cdcdcd;
/* display: inline-block; */
position: absolute;
top: 65px;
left: 170px;
width: max-content;
display: none;
padding: 15px;
border-radius: 20px;
}
.partner_option{
background-color: #fff;
border: 1px solid #cdcdcd;
/* display: inline-block; */
position: absolute;
top: 65px;
left: 250px;
display: none;
padding: 15px;
border-radius: 20px;
}
.job_option li:has(> a:hover),.employer_option li:has(> a:hover),.partner_option li:has(> a:hover),.service_option li:has(> a:hover) { 
background-color: #dbffe9;
}
/* Header CSS - end */

/* Footer CSS */
.footer_row{
  background-color: #1c1e23;
}
.footer_col1{
padding-left: 211px;
}
.footer_col1_desc{
  padding-top: 15px;
}
.footer_col1 span,.footer_col2 span{
  color: var(--font-color);
  letter-spacing: 0.7px;
}
.footer_social li{
  padding: 0px;
}
.footer_social a{
  padding: 5px;
  /* padding-right: 4px; */
  /* border: 1px solid grey;
  border-radius: 5px; */
}
.footer_social i{
  font-size: 20px;  
}
.footer_social .fb i:hover{
  color: var(--bg-btn);
}
.footer_social .insta i:hover{
  color: #9400cc;
}
.footer_social .twit i:hover{
  color: #2499cb;
}
.footer_social .link i:hover{
  color: var(--bg-btn);
}
.footer_social .youtube i:hover{
  color: rgb(190, 11, 11);
}
.footer_col2 li{
  padding: 3px 0px;
  display: block;
}
.footer_col2{
padding-left: 60px;
}
.footer_col2 li a{
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.footer_top_head a:hover > i {
position: relative !important;
left: 6px;
}
.footer_col2 li a:hover{
color: #00b142;
}
.footer_col2 span,.footer_right_col4 li a{
  font-size: 14px;
  font-weight: 600 ;
  padding: 5px 0px;
  color: #7de2d1;
}
.footer_col2_row{
  padding-top: 35px;
}
.footer_right_col4{
  margin-bottom: -7px;
}
.footer_right_col4 a:hover{
  color: var(--font-color);
}
.footer_col3_row span{
  color: var(--font-color);
}
.footer_col3_row .footer_col3_left ul a{
  font-size: 9px;
  text-decoration: underline;
  color: #fff;
}
.footer_col3_row .footer_col3_left ul a:hover,.footer_col3_row a:hover{
color: #00b142;
}
.footer_col3_row a,.footer_col3_right_desc span,.footer_col3_left span{
  font-size: 9px;
  letter-spacing: 0.5px;
}
.footer_col3_row a{
color: #fff;
}
.footer_col3_row li{
  padding: 0px 5px;
  font-size: 9px;
  margin-left: -5px;
}
.footer_col3_right_desc span{
  display: block;
  max-width: 70%;
}
.footer_right_col2 {
margin-bottom: -32px;
}
/* .extra{
height: 300px;
width: 1380px;

border-top-left-radius: 120px;
transform: skewy(-4deg);
transform-origin: 0 0;
position: relative;
top: 89px;
right: 2px;
z-index: -1;
overflow: hidden;
background-color: #47433f;
} */
.extra1{
height: 220px;
  width: 100%;
  /* background-color: #47433f; */
  background-color: #1c1e23;
  border-radius: 70px 70px 0px 0;
  position: relative;
  top: -84px;
}
footer.footer_main .img1 {
/* max-height: 350px; */
max-width: 350px;
position: relative;
z-index: 1;
top: -299px;
}
footer.footer_main .img2 {
/* max-height: 350px; */
max-width: 350px;
position: relative;
z-index: 1;
top: -268px;
left: 563px;
}

.footer_top_head h2 {
color: #fff;
font-size: 35px;
padding: 10px 0px 30px;
}

.footer_top_head a {
color: #fff;
font-size: 17px;
padding: 10px 0px;
}

.footer_top_head {
text-align: center;
padding: 70px 0px;
}
.footer_main {
position: relative;
}

.footer_row {
position: absolute;
top: -84px;
padding-top: 100px;
padding-left: 48px;
padding-bottom: 25px;
}
.footer-wave-svg {
background-color: transparent;
display: block;
height: 65px;
position: relative;
top: -112px;
width: 100%;
}
.footer-wave-path {
fill: #1c1e23;
}

/* Footer CSS - end */

/* Job section CSS */

.job_banner{
  padding-bottom: 50px; 
  background-color: #fff;
}
.job_main .job_banner .job_top a{
  padding: 25px;
  color: #101c3f;
}
.job_main .job_banner .job_top a:hover{
color: #00b142;
}
.job_top{
  margin-left: -78px;
}
.job_bottom{
  color: #101c3f;
  padding-left: 50px;
  margin-top: 20px;
  background-color: #aed5af;
}
.job_col3 .btn{
  border: 2px solid #101c3f;
  color: #101c3f;
  background-color: transparent;
  transition: all 0.4s linear;
}
.job_col3 .btn:hover{
  background-color: #101c3f;
  color: #fff;
}
.job_bottom .job_col1 h1{
  font-size: 45px;
  max-width: 74%;
  font-weight: 600;
  letter-spacing: 0.7px;
  margin: 15px 0px;
  color: #215834;
}
.job_bottom .job_col2 p{
  font-size: 17px;
  line-height: 20px;
  max-width: 75%;
  margin: 15px 0px;
  color: #215834;
}
.jobs_row2,.jobs_row4,.jobs_row7{
background-color: #f5f7fa;
}
.job_col3{
  padding: 15px 0px;
}
.jobs_row6_left_title {
padding: 10px 0px;
text-align: center;
}

.job_row2_left h3{
font-size: 21px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 1px;
max-width: 70%;
padding-left: 57px;
padding-top: 31px;
}

.job_main h2 {
font-size: 2.25rem;
font-family: var(--font-title);
color: var(--white);
line-height: 1.1;
}

.job_main p {
font-family: var(--font-text);
font-size: 1rem;
line-height: 1.5;
color: var(--white);
}

.job_main .card {
display: grid;
place-items: center;
width: 80vw;
max-width: 100%;
height: 28.125rem;
overflow: hidden;
border-radius: 0.625rem;
box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
margin: 0px 10px;
}

.jobs_row2_title{
padding: 20px 105px;
}
.jobs_row2_title h2{
color: #215834;
font-weight: 600;
font-size: 30px;
}
.jobs_row2{
padding: 110px 25px;
background-color: #fff;
}
.jobs_row2_title{
padding: 20px 107px;
}

.jobs_row2_sub{
justify-content: space-evenly;
padding: 0px 95px;
}
.jobs_row2_sub a:hover{
background-color: #fff;
color: #101c3f;
}

:root {
--ImgSizeX : 50vw;
--ImgSizeY : calc(var(--ImgSizeX) / 4 * 3);
--minFontSize: 10px;
--maxFontSize: 32px;
--scaler: 5vw;
}


#carousel {
display: flex;
justify-content: center;
position: relative;
height: var(--ImgSizeY);
margin-bottom: -240px;
}

#carousel a {
position: absolute;
aspect-ratio: 4/3;
cursor: pointer;
transition: transform 1s, left 1s, opacity 1s, z-index 0s;
opacity: 1;
}

#carousel a img {
height: 100%;
transition: width 1s;
}

#carousel a.hideLeft {
left: 0%;
opacity: 0;
/* transform: translateY(50%) translateX(0%); */
display: none;
}

#carousel a.hideRight {
left: 100%;
opacity: 0;
/* transform: translateY(50%) translateX(-100%); */
display: none;
}

#carousel a.prev {
z-index: 5;
left: 35%;
transform: translateY(6%) translateX(-50%);
width: 45%;
}

#carousel a.prevSecond {
z-index: 4;
left: 25%;
transform: translateY(14%) translateX(-50%);
opacity: 0.7;
width: 40%;
}

/* #carousel a.prevSecond img,
#carousel a.nextSecond img {
width: calc(var(--ImgSizeX) / 2);
} */

#carousel a.selected {
z-index: 6;
left: 50%;
transform: translateY(0px) translateX(-50%);
}

#carousel a.next {
z-index: 5;
left: 63%;
transform: translateY(6%) translateX(-50%);
width: 45%;
}

#carousel a.nextSecond {
z-index: 4;
left: 75%;
transform: translateY(11%) translateX(-50%);
opacity: 0.7;
width: 40%;
height: 100%;
}

.buttons {
display: flex;
justify-content: space-between;
width: 3em;
border: none;
margin: auto;
margin-top: .5em;
}

.buttons button {
background: transparent;
border: inherit;
}

.arrow {
cursor: pointer;
width: 2.5em;
height: 3em;
}

.left:hover polyline, .left:focus polyline,
.right:hover polyline, .right:focus polyline {
stroke-width: 3;
}

.left:active polyline, .right:active polyline {
stroke-width: 6;
transition: all 100ms ease-in-out;
}

polyline {
transition: all 250ms ease-in-out;
}

.jobs_row5{
margin: 50px 0px;
overflow: hidden !important;
}
.card1{
border: 2px solid #101c3f;
background-color: #fff;
padding: 10px 20px;
}
.card1_left_title h2{
color: #101c3f;
}
.card1_left_sub span{
color: #101c3f;
}
.jobs_row5_title h2{
color: #101c3f;
font-weight: 600;
}
.jobs_row5_sub span{
color: #101c3f;
font-size: 15px;
}
.jobs_row6_left_title span{
color: #00b142;
}
.jobs_row6_left_title h2{
font-size: 35px;
color: #00b142;
line-height: 1.5;
font-weight: 600;
letter-spacing: 1px;
}
.jobs_row6_right_title {
/* width: 70%; */
text-align: center;
padding: 10px 0px;
}
.jobs_row6_right_title h5 {
color: #215834;
font-size: 18px;
}
.jobs_row6 .btn-link {
font-weight: 400;
color: #3d3936;
background-color: transparent;
text-decoration: none;
font-size: 17px;
}
.jobscardmain {
background-color: transparent !important;
border-bottom: 1px solid #101c3f !important;
border: 0px solid;
}
.jobscardmain .card-header{
background-color: transparent ;
}
.jobscardmain p {
color: #3d3936 !important;
font-size: 14px;
}
/* .jobscardmain .card-body .btn {
color: #101c3f;
border: 2px solid #101c3f;
background-color: transparent;
transition: all 0.4s linear;
}
.jobscardmain .card-body .btn:hover {
color: #fff;
background-color: #101c3f;
} */

.card-body li {
list-style: disc !important;
padding: 5px 10px;
}
.jobs_row6{
padding-bottom: 9rem;
}
.jobs_row7_left_bottom_title h2{
font-weight: 700;
font-size: 35px;
color: #215834;
}
.jobs_row7_left_sub p {
font-size: 17px;
font-weight: 500;
color: #215834;
}
/* Job section CSS - End*/

/* Explore Jobs */
.explore_row1{
  background-color: #215834;
  padding: 40px 154px ;
}
.row1_top a{
  padding: 0px 20px;
}
.row1_bottom input:focus{
  border-color: var(--bg-btn);
}
.row1_bottom .btn{
  border: 2px solid var(--font-color);
  color: #215834;
  background-color: #fff;
  transition: all 0.4s linear;
}
.row1_bottom .btn:hover{
  background-color: #00b142;
  color: #fff;
  border-color: #00b142;
}
.explore_row2{
  background-color: #f4faf4;    
}
.explore_row2{
  padding: 20px 50px 110px;
}
.row2_top_left h2{
  font-weight: 600;
  color: #101c3f;
}
.row2_top_right i{
  width: 100%;
  color: #5c5c5c;
  font-size: 25px;
}
.row2_mid_flex .btn{
  background-color: transparent;
}
.row2_mid_flex .btn:focus,.row2_mid_flex .btn:focus-visible{
  border-color: transparent;
  box-shadow: 0px 0px;
}


.content {
    /* margin: 15px 0px auto ; */
    padding: 0 20px;
    /* width: calc(100% - 33%); */
    display: flex;
    justify-content: center;
    align-items: left;
    text-align: center;
    flex-direction: column;
}

.content h1 {
  font-size: 25px;
  font-weight: 700;
  color: #888;
  line-height: 2.5em;
  word-spacing: -0.2em;
  text-transform: uppercase;
  text-align: left;
}
.content h1 > span {
   color: #FFC10E;
}
.content h2 {
  font-size: 22px;
  font-weight: 500;
  color: #040444;
  line-height: 2em;
  text-align: left;
}

.content p {
  font-size: 15px;
  font-weight: 500;
  color: #777;
  text-align: left;
  padding-top: 15px;
}
.content a {
  text-decoration: none;
  color: #FFC41C;
  letter-spacing: 0.2em;
  text-transform: lowercase;
  font-size: 15px; 
}


/* .ding {
  /* width: calc(80% - 1%); */
  /* padding-bottom: 15px; */
/* } */ 
.ding h2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.888em;
  color: #888;
} 

.row2_mid_drop1 #industry {
  border: none;
  background: transparent;
  width: 100%;
}

.ss-main .ss-single-selected {
    width: 50%;
    height: 50px;
    padding: 10px;
}
.ss-main .ss-content {
  width: 220px !important;
  left: 0px;
}
.drop2_content .ss-main .ss-content {
  width: 100% !important;
}
.ss-main .ss-multi-selected {
    width: 80%;
    padding: 10px;
}

  @media (max-width:950px) {
  .content {
    margin: 15px 10px auto;
    padding: 0 10px;
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: left;
    text-align: center;
    flex-direction: column;
  }
}
/* .ss-main .ss-content {
  width: 30% !important;
} */
.ss-main .ss-single-selected {
  border: 0px !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  /* height: auto !important; */
}
.row2_mid_drop2 .ss-main .ss-single-selected {
  border: 1px solid rgb(223, 223, 223) !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  /* height: auto !important; */
  margin-bottom: 10px !important;
  padding: 5px;
}
.row2_mid_drop2,.row2_mid_drop3,.row2_mid_drop4,.row2_mid_drop5 {
background-color: transparent;
border: 1px solid rgb(51 51 51 / 17%);
padding: 6px 15px;
border-radius: 50px;
margin: 0px 5px;
transition: all 0.4s linear;
}
.row2_mid_drop1 {
background-color: transparent;
border: 1px solid rgb(51 51 51 / 17%);
border-radius: 50px;
margin: 0px 5px;
transition: all 0.4s linear;
}
.row2_mid_drop2:hover, .row2_mid_drop3:hover, .row2_mid_drop4:hover, .row2_mid_drop1:hover {
background: mediumseagreen;
}
.row2_mid_drop2 label:hover,.row2_mid_drop3 label,.row2_mid_drop4 label{
  cursor: pointer; 
}
.row2_mid_flex label{
  margin-bottom: 0px;
  padding: 0px 5px;
}
.drop2_content,.drop3_content,.drop4_content{
  border: 1px solid #dbdbdb;
  padding: 20px 0px;
  position: absolute;
  top: 30px;
  left: 0px;
  background-color: #fff;
  width: 100%;
  z-index: 1;
}

div#drop2_content #country, .content #state, .content #city {
width: 100%;
padding: 10px 0px 10px 5px;
margin-bottom: 10px;
}

.drop2_btn .btn2:hover {
background-color: #b9b9b9;
}
.drop3_check{
  padding-left: 25px;
  padding-bottom: 10px;
}
.form-check{
  padding-bottom: 5px;
} 
.drop2_btn{
  justify-content: space-evenly;
}
.drop2_btn .btn{
  font-size: 12px;
  padding: 5px 10px !important;
  height: auto;
  min-width: 53px;
  /* margin: 0px 10px; */
}

.drop2_btn .btn1{
  background-color: var(--bg-btn);
  color: var(--font-color);
}
.drop2_btn .btn2{
  background-color: var(--font-color);
  /* margin-left: 5px; */
  padding: 0px 15px !important;
}
#posted{
  width: 100%;
  height: 30px;
}
.menu{
  padding: 0px 10px;
  padding-bottom: 10px;
}
.row2_bottom_main i{
  color: #303030;
}
.row2_bottom{
  border: 1px solid #d6d6d6;
  padding: 15px;
  background-color: #fff;
  margin: 10px 0px;
  transition: all 0.3s linear;
}
.row2_bottom #row2_bottom_main{
pointer-events: auto;
}
.row2_bottom #row2_bottom_main:hover{
  border-color: #00b142;
  cursor: pointer;
}
.row2_bottom #row2_bottom_main:hover > h3{
color: #00b142;
}
.row2_bottom{
pointer-events: none; 
}
.row2_bottom:hover{
border-color: #00b142;
}
.row2_bottom_title h3{
  font-weight: 600;
  letter-spacing: 0.7px;
}
.row2_bottom_icon label{
  margin: 0px;
  padding-left: 10px;
}
.row2_bottom_desc p{
  margin: 10px 0px;
  font-size: 13px;
}
.row2_bottom_left span{
  color: #19b819;
  font-weight: 600;
  letter-spacing: 0.7px;  
}
.row2_bottom_right .btn1{
  background-color: var(--bg-btn);
  color: var(--font-color);
}
.row2_bottom_right .btn1 i{
  color: #fff;
} 
.row2_bottom_right .btn2{
  border: 2px solid var(--bg-btn);
  background-color: #fff;
  color: var(--bg-btn);
}
.row2_bottom_right .btn2 i{
  color: var(--bg-btn);
}

.shareArticle {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding: 15px;
}

.shareSocial {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .shareSocial {
    flex-flow: column;
  }
}
.shareSocial .socialTitle {
  margin: 0 15px 0 0;
  font-size: 20px;
}
@media (max-width: 767px) {
  .shareSocial .socialTitle {
    margin-bottom: 15px;
    text-align: center;
  }
}
.shareSocial .socialList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  justify-content: center;
  flex-flow: row wrap;
}
.shareSocial .socialList li {
  margin: 5px;
  padding: 0px;
}
.shareSocial .socialList li:first-child {
  padding-left: 0;
}
.shareSocial .socialList li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  text-decoration: none;
  background-color: #999;
  color: #fff;
  transition: 0.35s;
}
.shareSocial .socialList li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: scale(0.7) translate(-50%, -50%);
  transition: 0.35s;
  color: #fff;
}
.shareSocial .socialList li a:hover i {
  transform: scale(1) translate(-50%, -50%);
}
.shareSocial .socialList li:nth-child(1) a {
  background-color: #135cb6;
}
.shareSocial .socialList li:nth-child(2) a {
  background-color: #00aced;
}
.shareSocial .socialList li:nth-child(3) a {
  background-color: #00b142;
}
.shareSocial .socialList li:nth-child(4) a {
  background-color: #1FB381;
}

.shareLink .permalink {
  position: relative;
  border-radius: 30px;
}
.shareLink .permalink .textLink {
  text-align: center;
  padding: 9px 38px 9px 13px;
  height: 100%;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #494949;
  border-radius: 25px;
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .shareLink .permalink .textLink {
    width: 100%;
  }
}
.shareLink .permalink .textLink:focus {
  border-color: #d8d8d8;
}
.shareLink .permalink .textLink::-moz-selection {
  color: #fff;
  background-color: #ff0a4b;
}
.shareLink .permalink .textLink::selection {
  color: #fff;
  background-color: #ff0a4b;
}
.shareLink .permalink .copyLink {
  position: absolute;
  top: 50%;
  right: 17px;
  cursor: pointer;
  transform: translateY(-50%);
}
.shareLink .permalink .copyLink:hover:after {
  opacity: 1;
  transform: translateY(0) translateX(-50%);
}
.shareLink .permalink .copyLink:after {
  content: attr(tooltip);
  width: 140px;
  bottom: -40px;
  left: 50%;
  padding: 5px;
  border-radius: 4px;
  font-size: 0.8rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: #000000;
  color: #ffffff;
  transform: translateY(-10px) translateX(-50%);
  transition: all 300ms ease;
  text-align: center;
}
.shareLink .permalink .copyLink i {
  font-size: 16px;
  color: #ff0a4b;
}
.shareLink{
  margin-bottom: 15px;
}
.refer a{
  color: #303030;
  transition: all 0.4s linear;
}
.refer a:hover,.refer a:hover > .refer_icon{
  color: #00b142;
}
.row2_bottom_right_btn2{
  position: relative;
}
.share_content{
  border-radius: 3px;
  box-shadow: 0px 0px 12px 0px #00b142;
  position: absolute;
  right: 0;
  top: 45px;
  background-color: #fff;
  width: 255px;
}
@keyframes anime{
  0%{opacity:0;}
  /* 25%{opacity:0.25;} */
  50%{opacity:0.50;}
  /* 75%{opacity:0.75;} */
  100%{opacity:1;}
}
/* Explore Jobs - end */

/* Job Detail */
.jobdetail_row1{
  background-color: #215834;
  padding-left: 154px ;
  padding-right: 20px;
}
.jobdetail_row1_top a{
  padding: 0px 20px;
  color: #aed5af;
}
.jobdetail_row1_top a:hover{
color: #00b142;
}
.jobdetail_row1_bottom input:focus{
  border-color: var(--bg-btn);
}
.jobdetail_row1_bottom .btn{
  border: 2px solid var(--font-color);
  color: var(--font-color);
  background-color: transparent;
  transition: all 0.4s linear;
}
.jobdetail_row1_bottom .btn:hover{
  background-color: #00b142 !important;
  border-color: #00b142 !important;
  color: #fff !important;
}
.jobdetail_row1_bottom_title h2{
  color: var(--font-color);
  font-weight: 600;
  letter-spacing: 0.7px;
}
.jobdetail_row1_bottom_left label{
  margin: 0px;
  padding-left: 10px;
  color: var(--font-color);
}

.jobdetail_row2{
  padding: 20px 50px 200px;
}
.jobdetail_row2_top_left h2{
  font-weight: 700;
  letter-spacing: 0.5px;
}
.jobdetail_row2 i{
  color: #303030;
}
.jobdetail_row2 label{
  margin: 0px;
}
.jobdetail_row2_top_mid {
  margin-right: 40px;
}
.jobdetail_row2_top_mid label,.jobdetail_row2_top_right label{
  color: #00b142;
  cursor: pointer;
}
.jobdetail_row2_top_mid i,.jobdetail_row2_top_right i{
  color: #00b142;
  cursor: pointer;
}
.jobdetail_row2_bottom_left{
  background-color: #f4faf4;
  padding: 20px;
}
.jobdetail_row2_bottom_left label{
  font-size: 14px;
  color: #878CA0;
  font-weight: 500;
  margin-top: 5px;
}
.jobdetail_row2_bottom_left span{
  font-size: 14px;
  font-weight: 500;
}
.jobdetail_row2_bottom_left i{
  font-size: 30px;
}

.jobdetail_row2_bottom_right{
  padding: 20px 0px;
}
.jobdetail_row2_bottom_desc{
  font-size: 14px;
}
.jobdetail_row2_bottom_desc label{
  color: var(--bg-btn);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.7px;
}
.jobdetail_row2_bottom_right a{
  color: #303030;
}
.jobdetail_row2_bottom_right a:hover{
  color: var(--bg-btn);
}
.jobdetail_row2_bottom_right li{
  list-style: disc !important;
  display: block;
  padding: 10px 0px;
}


.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}
.panel-body{
  padding-left: 30px;
}
.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #f4faf4;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* Job Detail-end */

/* Submit Resume */

.resume_main{
  background-color: #f5f7fa;
  padding:0px 30px 130px;
}

.resume_left_top a{
color: #101c3f;
}
.resume_left_top i{
color: #101c3f;
}
.resume_left_top {
padding: 15px 0px;
}
.resume_left_bottom_title{
padding: 15px 0px;
padding-top: 40px;
}
.resume_left_top a:hover,.resume_left_top a:hover > i{
  color: #fff;
  background-color: #00b142;
}
.resume_left_bottom_title h2{
  color: #215834;
  font-weight: 700;
  font-size: 40px;
}
.resume_left_bottom_sub p{
  color: #000;
  font-size: 14px;
  padding-top: 10px;
  font-weight: 600;
}
.resume_right {
padding: 80px 20px 70px;
}
/* .resume_left{
/* background-image: url('./../images/submit.jpg'); */
/* background-repeat: no-repeat; */
/* background-position-x: 137px;
  background-position-y: 218px; */
/* } */ 
.resume_left_bottom{
/* background-image: url('./../images/submit.jpg');
background-repeat: no-repeat;
background-size: cover; */
padding: 60px 30px 151px;
/* background-color: #aed5af; */
}

.form_btn {
margin-top: 15px;
}
.form-group {
  margin-bottom: 25px;
  position: relative;
}
.resume_right .form-control {
  display: block;
  width: 100%;
  padding: 0px .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
  background-clip: padding-box;
  border: 1px solid rgb(0 0 0 / 28%);
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.resume_right input {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid rgba(0,0,0,.37);
  border-radius: 4px;
  background-color: transparent !important;
  margin: 0px auto;
  padding: 6px 4px 4px 14px;
  height: 30px;
  outline: none !important;
  font-size: 16px;
  color: #101c3f;
  transition: all .2s ease-in-out;
}

.resume_right label {
  position: absolute;
  top: 7px; 
  left: 25px;
  text-align: left;
  display: inline-block;
  padding: 0 4px;
  /* height: 14px; */
  line-height: 14px;
  font-size: 13px;
  font-weight: 400;
  background: transparent;
  color: #101c3f;
  margin: 0px auto;
  cursor: text;
  transition: all 0.3s ease-in-out;
}
/* input:hover, input:focus { 
  border: 1px solid #fff; 
} */

input:valid + label, input:focus + label { 
  top: -8px;
  color: #00b142;
  font-weight: bold;
  background-color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
}
.form-control:focus {
  color: #000;
  border-color: #00b142 !important;
  box-shadow: 0 0 7px 0px #a2a2a2;
}  
.floating-select {
  font-size:14px;
  padding:4px 4px;
  display:block;
  width:100%;
  height:30px;
  background-color: transparent;
  border:none;
  border:1px solid rgb(0 0 0 / 26%);
  color: #215834;
  cursor: pointer;
}
.resume_right  option{
  background-color: transparent;
}
  .floating-select:focus, .floating-select:focus > option{
      outline:none;
      border-color: #00b142;
      box-shadow: 0 0 7px 0px #a2a2a2;
  }
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-9px;
  color:#00b142;
  font-weight: bold;
  background-color: #fff;
  font-size: 12px;
  letter-spacing: 0.7px;
}
.resume_upload .form-control{
  padding: 0px;
  cursor: pointer;
  color: #101c3f;
}
.resume_upload input{
  height: auto;
  background-color: transparent;
  color: #101c3f;
}
.form_btn .btn{
  background-color: #215834;
  color: #fff;
  border: 2px solid #215834;
  transition: all 0.4s linear;
}
.form_btn .btn:hover{
  background-color: #00b142;
  color: #fff;
  border-color: #00b142;
}

/* Submit Resume - end*/

/* Career Advice */

/* .advice_row2_right .border_shape3 {
animation: advice_shape1 5s infinite !important;
} */
@keyframes advice_shape1{

0%{
  bottom: 101px;
  left: 82px;
}
34%{
  bottom: 425px;
  left: 82px;
}
68%{
  bottom: 425px;
  left: 506px;
}
100%{
  bottom: 251px;
  left: 506px;
}
}

/* .advice_row2_right  .border_shape4 {
animation: advice_shape2 5s infinite !important;
} */
@keyframes advice_shape2{

0%{
bottom: 250px;
right: 84px;
}
34%{
bottom: -16px;
right: 84px;
}
68%{
bottom: -16px;
right: 506px;
}
100%{
bottom: 101px;
right: 506px;
}
}

/* .advice_row3_right .border_shape3 {
animation: advice2_shape1 5s infinite !important;
} */
@keyframes advice2_shape1{

0%{
  bottom: 54px;
  left: 246px;
}
34%{
  bottom: 54px;
  left: -8px;
}
68%{
  bottom: 369px;
  left: -8px;
}
100%{
  bottom: 369px;
  left: 293px;
}
}

/* .advice_row3_right  .border_shape4 {
animation: advice2_shape2 5s infinite !important;
} */
@keyframes advice2_shape2{

0%{
bottom: 371px;
right: 297px;
}
34%{
bottom: 371px;
right: -8px;
}
68%{
bottom: 54px;
right: -8px;
}
100%{
bottom: 54px;
right: 344px;
}
}

.advice_row{
/* background-color: #101c3f; */
padding: 25px 0px 0px;
}
.advice_left_top {
padding: 15px 30px;
}
.advice_left_top a,.advice_left_top i{
color: #101c3f;
}
.advice_left_bottom_title{
padding: 15px 0px;
padding-top: 54px;
}
.advice_left_top a:hover,.advice_left_top a:hover > i{
color: #00b142;
}
.advice_left_bottom_title h2{
color: #aed5af;
font-weight: 600;
font-size: 45px;
padding-left: 85px;
}
.advice_left_botm {
padding: 50px 0px ;
background-color: #f5f7fa;
}
.advice_left_sub p{
color: #aed5af;
font-size: 16px;
padding-top: 20px;
padding-left: 85px;
padding-right: 66px;
}
/* .advice_right {
padding: 65px 20px 25px;
} */
/* .advice_right_img img{
width: auto;
float: right;
} */
.advice_left_botm h3{
color: #215834;
font-weight: 600;
font-size: 27px;
padding-top: 20px;
text-align: center;
}
.advice_left_bottom {
background-color: #00411f;
}
.advice_left_bottom_link a {
  padding: 3px 50px;
  margin: 8px 25px;
  text-align: center;
  display: inline-block;
  line-height: 25px;
  letter-spacing: 0.7px;
  font-weight: 600;
  border: 2px solid #aed5af;
  color: #00411f;
  background-color: #aed5af;
  transition: all 0.4s linear ;
  border-radius: 0px 10px 0px 10px;
}
.advice_left_bottom_link a:hover,.advice_left_bottom_link a:active  {
color: #fff;
background-color: #00411f;
border-color: #00411f;
border-radius: 10px 0px 10px 0px;
}
.advice_left_bom{
padding: 80px 0px;
}
.advice_left_bottom_link{
padding: 15px 230px;
}
/* .advice_row2 ,.advice_row5 {
background-color: #f5f7fa;
} */
.advice_row2_left,.advice_row3_left  {
padding: 115px 0px 115px 100px;
}
.advice_row2_left_bottom_title,.advice_row2_left_btn,.advice_row3_left_bottom_title,.advice_row3_left_btn,.advice_row5_left_bottom_title,.advice_row5_left_btn{
padding: 15px 0px;
}
.advice_row2_left_bottom_title h2,.advice_row3_left_bottom_title h2,.advice_row5_left_bottom_title h2{
font-weight: 700;
font-size: 35px;
color: #3d3936;
}
.advice_row5_left_bottom_title h2,.advice_row5_left_sub p{
color: #215834;
}
.advice_row5_left_sub {
padding: 20px 0px;
}
.advice_row2_left_sub p,.advice_row3_left_sub p,.advice_row5_left_sub p{
font-size: 18px;
font-weight: 500;
color: #3d3936;
}
.advice_row2_left_btn .btn,.advice_row3_left_btn .btn,.advice_row5_left_btn .btn{
background-color: #215834;
color: #fff;
border: 2px solid #215834;
width: 150px;
font-size: 14px;
transition: all 0.4s linear;
}
.advice_row2_left_btn .btn:hover,.advice_row3_left_btn .btn:hover,.advice_row5_left_btn .btn:hover{
background-color: #00b142;
  color: #fff;
  border-color: #00b142;
}
.advice_row2_right_img img {
width: 70%;
}
.advice_row3 {
background-color: #f5f7fa;
z-index: 0;
position: relative;
padding: 50px 0px;
}
.advice_row3_right,.advice_row2_right{
position: relative;
}
.advice_row3_right_img img  {
width: 100%;
}
.advice_row3_right_img {
padding: 80px 0px;
}
.advice_row3_left  {
padding: 130px 90px 80px 50px;
}

/* .advice_row3_left_btn .btn,.advice_row6_left_btn .btn{
background-color: transparent;
color: #101c3f;
border: 2px solid #101c3f;
width: 130px;
font-size: 14px;
transition: all 0.4s linear;
}
.advice_row3_left_btn .btn:hover,.advice_row6_left_btn .btn:hover{
background-color: #101c3f;
  color: #fff;
} */

.advice_row2_left_sub {
padding: 15px 0px;
}

.advice_row3_left_sub {
padding: 15px 0px;
}
.advice_row4{
padding: 200px 45px;  
}
.advice_row4_left{
padding-bottom: 30px;
}
.advice_row4_left h3{
font-size: 35px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 1px;
color: #215834;
display: inline-block;
}
.advice_row4_left span{
color: #00b142;
}
.advice_row4_right a{
color: #3d3936;
font-size: 20px;
}
.advice_row4_right a:hover{
color: #00b142;
margin-left: 20px;
letter-spacing: 1px;
}
.advice_row4_right li{
display: block;
padding: 15px 0px;
border-bottom: 2px solid #3d3936;
}
.advice_row5 {
background-color: #aed5af;
}
.advice_row5_left{
padding: 0px 70px;
}
.advice_row5_right {
padding-right: 0px;
}

.advice_row6{
padding: 30px 70px 110px;
}
.advice_row6 h2{
color: #215834;
padding: 15px 0px;
font-size: 35px;
font-weight: 700;
}
.advice_row6 h3{
color: #00b142;
}
.advice_row6_left_btn{
padding: 15px 0px;
}
/* .advice_row6_right_img img{
width: 75%;
} */
.advice_row6_left_btn .btn {
background-color: #215834;
color: #fff;
}
.advice_row6_left_btn .btn:hover {
background-color: #00b142;
color: #fff;
}
/* Career Advice - end */


/* Career Test */

/* .careertest_row1_right .border_shape3 {
animation: test_shape1 5s infinite !important;
} */
@keyframes test_shape1{

0%{
  left: -10px;
  bottom: 87px;
}
34%{
  left: -10px;
  bottom: 478px;
}
68%{
  left: 540px;
  bottom: 478px;
}
100%{
  left: 540px;
  bottom: 304px;
}
}

/* .careertest_row1_right  .border_shape4 {
animation: test_shape2 5s infinite !important;
} */
@keyframes test_shape2{

0%{
bottom: 303px;
right: 50px;
}
34%{
bottom: -20px;
right: 50px;
}
68%{
bottom: -20px;
right: 600px;
}
100%{
bottom: 87px;
right: 600px;
}
}

.careertest_row1_right{
position: relative;
}
.careertest_row1{
background-color: #aed5af;
padding: 55px 0px 100px;
position: relative;
z-index: 0;
}
.careertest_row3_left_title h2 {
color: #3d3936 !important;
}
.careertest_row1_left{
padding-left: 100px;
}
.careertest_row1_left h3{
color: #215834;
font-weight: 600;
font-size: 50px;
letter-spacing: 1px;
border-bottom: 2px solid;
display: inline-block;
}
.careertest_row1_left_sub span{
color: #215834 !important;
font-weight: 600;
font-size: 20px !important;
letter-spacing: 1px;
}
.careertest_row1_left_sub2 span{
color: #215834;
font-size: 14px;
letter-spacing: 1px;
padding: 15px 0px;
font-weight: 600;
}
.careertest_row1_left_select span{
font-size: 30px;
font-weight: 600;
letter-spacing: 1px;
color: #00b142 ;
}
.careertest_row1_left_select i{
font-size: 30px;
font-weight: 600;
padding-left: 10px;
padding-top: 7px;
color: #00b142;
}

.careertest_row1_left .select-menu {
cursor: pointer;
position: relative;
}

.careertest_row1_left .select {
padding: 15px 0px;
color: #fff;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}

.careertest_row1_left .options-list {
position: absolute;
width: 100%;
background-color: #215834;
color: #aed3af;
border-radius: 6px;
/* margin-top: 14px; */

padding: 0 20px;
max-height: 150px;
overflow-y: auto;
-webkit-transition: .4s linear .2s;
-o-transition: .4s linear .2s;
transition: .4s linear .2s;
height: 0;
z-index: 1;
}

.careertest_row1_left .option {
padding: 8px 0;
font-weight: 500;
font-size: 14px;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.careertest_row1_left .option:hover,
.careertest_row1_left .option.selected {
color: #00b142;
}

.careertest_row1_left .options-list::-webkit-scrollbar {
width: 4px;
background-color: #eee;
}

.careertest_row1_left .options-list::-webkit-scrollbar-thumb {
background-color: #00b142;
}

.careertest_row1_left .options-list.active {
height: 150px;
border: 1px solid #00b142;
}

.careertest_row2_left_sub li {
padding: 10px 5px;
display: list-item;
/* list-style: auto inside; */
}

.careertest_row2_left_sub li::first-letter {
font-weight: 700;
font-size: 20px;
color: #00b142;
}
.careertest_row2_right_img img{
height: 550px;
border-bottom-right-radius: 50px;
}
.careertest_row2_left_title h2,.careertest_row3_left_title h2{
font-weight: 600;
font-size: 35px;
color: #215834;
padding: 15px 0px;
}
.careertest_row2_left_sub{
font-size: 16px;
padding: 10px 0px;
color: #215834;
}
.careertest_row2_left_btn,.careertest_row3_left_btn{
padding: 15px 0px;
}
.careertest_row2_left_btn .btn,.careertest_row3_left_btn .btn{
color: #fff;
background-color: #215834;
transition: all 0.4s linear;
width: 150px;
font-size: 14px;
border: 2px solid #215834;
}
.careertest_row2_left_btn .btn:hover,.careertest_row3_left_btn .btn:hover{
color: #fff;
background-color: #00b142;
border-color: #00b142;
}
.careertest_row3 {
padding: 40px 0px 120px;
}
.careertest_row2_left{
padding: 0px 70px;
}
.careertest_row2 {
background-color: #f5f7fa;
}

/* Career Test - end */

/* Career Tips */

/* .careertips_row1_right .border_shape3 {
animation: tips_shape1 5s infinite !important;
} */
@keyframes tips_shape1{

0%{
  bottom: 91px;
  left: -24px;
}
34%{
  bottom: 367px;
  left: -24px;
}
68%{
  bottom: 367px;
  left: 567px;
}
100%{
  bottom: 194px;
  left: 567px;
}
}
/* 
.careertips_row1_right  .border_shape4 {
animation: tips_shape2 5s infinite !important;
} */
@keyframes tips_shape2{

0%{
bottom: 193px;
right: -22px;
}
34%{
bottom: -18px;
right: -22px;
}
68%{
bottom: -18px;
right: 568px;
}
100%{
bottom: 91px;
right: 568px;
}
}

.careertips_row1{
padding: 100px 45px;
background-color: #aed5af;
position: relative;
z-index: 0;
}
.careertips_row1_right{
position: relative;
}
.careertips_row1_left{
padding-left: 100px;
}
.careertips_row1_left h3{
color: #215834;
font-weight: 600;
font-size: 50px;
letter-spacing: 1px;
border-bottom: 2px solid;
  display: inline-block;

}
.careertips_row1_left_sub span{
color: #215834 !important;
font-weight: 600;
font-size: 20px !important;
letter-spacing: 1px;
}
.careertips_row1_left_sub2 span{
color: #215834;
font-size: 14px;
letter-spacing: 1px;
padding: 15px 0px;
font-weight: 600;
}
.careertips_row1_left_select span{
font-size: 30px;
font-weight: 600;
letter-spacing: 1px;
color: #00b142;
}
.careertips_row1_left_select i{
font-size: 30px;
font-weight: 600;
padding-left: 10px;
padding-top: 7px;
color: #00b142;
}

.careertips_row1_left .select-menu {
cursor: pointer;
position: relative;
}

.careertips_row1_left .select {
padding: 15px 0px;
color: #fff;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}

.careertips_row1_left .options-list {
position: absolute;
width: 100%;
background-color: #215834;
color: #aed3af;
border-radius: 6px;
/* margin-top: 14px; */
padding: 0 20px;
max-height: 150px;
overflow-y: auto;
-webkit-transition: .4s linear .2s;
-o-transition: .4s linear .2s;
transition: .4s linear .2s;
height: 0;
z-index: 1;
}

.careertips_row1_left .option {
padding: 8px 0;
font-weight: 500;
font-size: 14px;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.careertips_row1_left .option:hover,
.careertips_row1_left .option.selected {
color: #00b142;
}

.careertips_row1_left .options-list::-webkit-scrollbar {
width: 4px;
background-color: #eee;
}

.careertips_row1_left .options-list::-webkit-scrollbar-thumb {
background-color: #00b142;
}

.careertips_row1_left .options-list.active {
height: 150px;
border: 1px solid #00b142;
}
.careertips_row2_left_sub li{
padding: 10px 5px;
}
.careertips_row2_left_sub span{
  font-weight: 700;
  font-size: 20px;
  color: #00b142;
}
.careertips_row2 {
background-color: #f5f7fa;
}
.careertips_row2_right_img img{
height: 550px;
border-bottom-right-radius: 25px;
}
.careertips_row2_left_title h2,.careertips_row3_left_title h2{
font-weight: 600;
font-size: 30px;
padding: 15px 0px;
color: #215834;
}
.careertips_row2_left_sub{
font-size: 16px;
color: #215834;
}
.careertips_row2_left_btn,.careertips_row3_left_btn{
padding: 15px 0px;
}
.careertips_row2_left_btn .btn,.careertips_row3_left_btn .btn{
color: #fff;
background-color: #215834;
transition: all 0.4s linear;
width: 150px;
font-size: 14px;
border: 2px solid #215834;
}
.careertips_row2_left_btn .btn:hover,.careertips_row3_left_btn .btn:hover{
color: #fff;
background-color: #00b142;
border-color: #00b142;
}
.careertips_row2_left{
padding: 0px 6px 0px 32px;
}

.careertips_row4_title_desc li {
font-size: 14px;
}

.careertips_row4_title_desc span {
color: #00b142;
font-weight: 500;
}
#collapseThree p::first-letter{
font-size: 18px;
color: #00b142;
font-weight: 600;
}

.careertips_row4{
padding: 100px 0px;
}
.careertips_row4_title h2{
font-weight: 700;
font-size: 35px;
color: #00b142;
padding: 15px 0px;
letter-spacing: 1px;
}
.careertips_row3 {
padding: 60px 0px 145px;
background-color: #aed5af;
}
.careertips_row4 .card{
background-color: transparent !important;
border-bottom: 1px solid #101c3f !important;
border: 0px solid;
color: #101c3f;
}
.careertips_row4 .card-header {
padding: .75rem 0rem;
background-color: transparent;
}
.careertips_row4 .btn-link {
font-weight: 400;
color: #101c3f;
background-color: transparent;
text-decoration: none;
}
.btn-link:hover,.btn-link:focus{
color: #00b142 !important;
text-decoration: none;
}
.collapsible-link {
width: 100%;
position: relative;
text-align: left;
}

.collapsible-link::before {
content: "\f107";
position: absolute;
top: 50%;
right: 0.8rem;
transform: translateY(-50%);
display: block;
font-family: "FontAwesome";
font-size: 1.1rem;
}

.collapsible-link[aria-expanded="true"]::before {
content: "\f106";
}
.careertips_row4 .accordion p{
color: #101c3f;
font-size: 14px;
}
.card-body {
padding: 10px 25px;
}
.careertips_row4 .card-body .btn{
color: #101c3f;
border: 2px solid #101c3f;
background-color: transparent;
transition: all 0.4s linear;
}
.careertips_row4 .card-body .btn:hover{
color: #fff;
background-color: #101c3f;
}


/* Career Tips - end */

/* Resume */

/* .resume_row1_right .border_shape3 {
animation: resume_shape1 5s infinite !important;
} */
@keyframes resume_shape1{

0%{
  left: -25px;
  bottom: 93px;
}
34%{
  left: -25px;
  bottom: 363px;
}
68%{
  left: 568px;
  bottom: 363px;
}
100%{
  left: 568px;
  bottom: 191px;
}
}

/* .resume_row1_right  .border_shape4 {
animation: resume_shape2 5s infinite !important;
} */
@keyframes resume_shape2{

0%{
bottom: 190px;
right: -23px;
}
34%{
bottom: -16px;
  right: -23px;
}
68%{
bottom: -16px;
right: 569px;
}
100%{
bottom: 93px;
right: 569px;
}
}

.resume_row1{
padding: 100px 45px;
background-color: #aed5af;
}
.resume_row1_left{
padding-left: 100px;
}
.resume_row1_left h3{
color: #215834;
font-weight: 600;
font-size: 50px;
letter-spacing: 1px;
border-bottom: 2px solid ;
display: inline-block;
}
.resume_row1_left_sub span{
color: #215834 !important;
font-weight: 600;
font-size: 20px !important;
letter-spacing: 1px;
}
.resume_row1_left_sub2 span{
color: #215834;
font-size: 14px;
letter-spacing: 1px;
padding: 15px 0px;
font-weight: 600;
}
.resume_row1_left_select span{
font-size: 30px;
font-weight: 600;
letter-spacing: 1px;
color: #00b142;
}
.resume_row1_left_select i{
font-size: 30px;
font-weight: 600;
padding-left: 10px;
padding-top: 7px;
color: #00b142;
}

.resume_row1_left .select-menu {
cursor: pointer;
position: relative;
}

.resume_row1_left .select {
padding: 15px 5px;
color: #fff;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}

.resume_row1_left .options-list {
position: absolute;
width: 100%;
border-radius: 6px;
background-color: #215834;
color: #aed3af;
/* margin-top: 14px; */
padding: 0 20px;
max-height: 150px;
overflow-y: auto;
-webkit-transition: .4s linear .2s;
-o-transition: .4s linear .2s;
transition: .4s linear .2s;
height: 0;
z-index: 1;
}

.resume_row1_left .option {
padding: 8px 0;
font-weight: 500;
font-size: 14px;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.resume_row1_left .option:hover,
.resume_row1_left .option.selected {
color: #00b142;
}

.resume_row1_left .options-list::-webkit-scrollbar {
width: 4px;
background-color: #eee;
}

.resume_row1_left .options-list::-webkit-scrollbar-thumb {
background-color: #00b142;
}

.resume_row1_left .options-list.active {
height: 150px;
border: 1px solid #00b142;
}
.resume_row1_right{
position: relative;
z-index: 0;
}
.resume_row1_right_img img{
border-radius: 25px;
}

.resume_row2{
background-image: url('./../images/resume.jpg');
background-size: contain;
background-repeat: no-repeat;
padding: 410px;
position: relative;
}
.resume_row2_main {
transform: rotate(-22deg);
position: absolute;
bottom: 80px;
left: 489px;
}
.resume_row2_title h2{
font-weight: 600;
color: #00b142;
}
.resume_row2_title2{
padding-left: 150px;
}
.resume_row2_sub{
padding: 15px 0px;
font-size: 14px;
max-width: 35% !important;
text-transform: capitalize;
}
.resume_row2_sub li{
padding: 10px 5px;
}
.resume_row2_sub li::first-letter{
color: #00b142;

}
.resume_row2_btn .btn{
background-color: transparent;
font-size: 16px;
color: #00411f;
}
.resume_row2_btn i{
color: #00411f;
padding-right: 5px;
font-size: 20px;
}
.resume_row2_btn .btn:hover{
color: #00b142;
}
.resume_row2_btn .btn:hover > i{
animation: play 2s infinite ease-out;
color: #00b142;
}
@keyframes play {
0%, 100% {
  transform: scale(1);
}
50% {
  transform: scale(1.3);
}
}
.resume_row3_left_title h2{
font-weight: 600;
font-size: 30px;
padding: 15px 0px;
color: #215834;
}
.resume_row3_left_btn{
padding: 15px 0px;
}
.resume_row3_left_btn .btn{
color: #fff;
background-color: #215834;
transition: all 0.4s linear;
width: 150px;
font-size: 14px;
border: 2px solid #215834;
}
.resume_row3_left_btn .btn:hover{
color: #fff;
background-color: #00b142;
}

.resume_row4{
padding: 100px 0px;
}
.resume_row4_title h2{
font-weight: 600;
font-size: 30px;
color: #00b142;
padding: 15px 0px;
letter-spacing: 1px;
}

.resume_row4 .card{
background-color: transparent !important;
border-bottom: 1px solid #101c3f !important;
border: 0px solid;
}
.resume_row4 .card-header {
padding: .75rem 0rem;
background-color: transparent;
}
.resume_row4 .btn-link {
font-weight: 400;
color: #101c3f;
background-color: transparent;
text-decoration: none;
}
.btn-link:hover,.btn-link:focus{
color: #00b142;
text-decoration: none;
}
.collapsible-link {
width: 100%;
position: relative;
text-align: left;
}

.collapsible-link::before {
content: "\f107";
position: absolute;
top: 50%;
right: 0.8rem;
transform: translateY(-50%);
display: block;
font-family: "FontAwesome";
font-size: 1.1rem;
}

.collapsible-link[aria-expanded="true"]::before {
content: "\f106";
}
.resume_row4 .accordion p{
color: #101c3f;
font-size: 15px;
}
.resume_row4 .card-body {
padding: 10px 25px;
color: #101c3f;
}
.resume_row4 .card-body .btn{
color: #101c3f;
border: 2px solid #101c3f;
background-color: transparent;
transition: all 0.4s linear;
}
.resume_row4 .card-body .btn:hover{
color: #fff;
background-color: #101c3f;
}
.resume_row4_title_desc li {
font-size: 15px;
}

.resume_row4_title_desc li span {
color: #00b142;
font-weight: 600;
}

/* Resume - end */


/* Job Strategy */

/* .jobstrategy_row1_right .border_shape3 {
animation: jobstrategy_shape1 5s infinite !important;
} */
@keyframes jobstrategy_shape1{

0%{
  left: -27px;
  bottom: 101px;
}
34%{
  left: -27px;
  bottom: 468px;
}
68%{
  left: 575px;
  bottom: 468px;
}
100%{
  left: 575px;
  bottom: 300px;
}
}

/* .jobstrategy_row1_right  .border_shape4 {
animation: jobstrategy_shape2 5s infinite !important;
} */
@keyframes jobstrategy_shape2{

0%{
bottom: 300px;
right: -25px;
}
34%{
bottom: -20px;
right: -25px;
}
68%{
bottom: -20px;
right: 576px;
}
100%{
bottom: 100px;
right: 576px;
}
}

.jobstrategy_row1{
padding: 55px 40px 100px;
background-color: #aed5af;
position: relative;
z-index: 0;
}
/* .jobstrategy_row1_left{
padding-left: 50px;
} */
.jobstrategy_row1_left h3{
color: #215834;
font-weight: 700;
font-size: 50px;
letter-spacing: 1px;
border-bottom: 2px solid;
display: inline-block;
}
.jobstrategy_row1_left_sub span{
color: #215834 !important;
font-weight: 600;
font-size: 20px !important;
letter-spacing: 1px;
}
.jobstrategy_row1_left_sub2 span{
color: #215834;
font-size: 14px;
letter-spacing: 1px;
padding: 15px 0px;
font-weight: 600;
}
.jobstrategy_row1_left_select span{
font-size: 30px;
font-weight: 600;
letter-spacing: 1px;
color: #00b142;
}
.jobstrategy_row1_left_select i{
font-size: 30px;
font-weight: 600;
padding-left: 10px;
padding-top: 7px;
color: #00b142;
}

.jobstrategy_row1_left .select-menu {
cursor: pointer;
position: relative;
}

.jobstrategy_row1_left .select {
padding: 15px 5px;
color: #fff;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}

.jobstrategy_row1_left .options-list {
position: absolute;
width: 100%;
background-color: #215834;
color: #aed3af;
border-radius: 6px;
padding: 0 20px;
max-height: 150px;
overflow-y: auto;
-webkit-transition: .4s linear .2s;
-o-transition: .4s linear .2s;
transition: .4s linear .2s;
height: 0;
z-index: 1;
}

.jobstrategy_row1_left .option {
padding: 8px 0;
font-weight: 500;
font-size: 14px;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.jobstrategy_row1_left .option:hover,
.jobstrategy_row1_left .option.selected {
color: #00b142;
}

.jobstrategy_row1_left .options-list::-webkit-scrollbar {
width: 4px;
background-color: #eee;
}

.jobstrategy_row1_left .options-list::-webkit-scrollbar-thumb {
background-color: #00b142;
}

.jobstrategy_row1_left .options-list.active {
height: 150px;
border: 1px solid #00b142;
}
.jobstrategy_row1_right_img img{
border-radius: 25px;
}

.jobstrategy_row2{
background-image: url('./../images/hunt.jpeg');
background-size: cover;
background-repeat: no-repeat;
/* padding: 410px; */
/* position: relative; */
}
.jobstrategy_row2_main {
padding: 15px 15px 100px 707px;
}
.jobstrategy_row2_title h2{
font-weight: 700;
color: #00b142;
font-size: 35px;
}
.jobstrategy_row2_title2 h3 {
color: #215834;
border-bottom: 2px solid #215834;
padding-bottom: 5px;
display: inline-block;
}
.jobstrategy_row2_title2{
padding: 15px 0px;
}
.jobstrategy_row2_sub{
padding: 15px 0px;
font-size: 14px;
max-width: 45%;
text-transform: capitalize;
}
.jobstrategy_row2_btn .btn{
background-color: transparent;
font-size: 16px;
color: #00411f;
}
.jobstrategy_row2_btn i{
color: #00411f;
padding-right: 5px;
font-size: 20px;
}
.jobstrategy_row2_btn .btn:hover{
color: #00b142;
}
.jobstrategy_row2_btn .btn:hover > i{
animation: play 2s infinite ease-out;
color: #00b142;
}
@keyframes play {
0%, 100% {
  transform: scale(1);
}
50% {
  transform: scale(1.3);
}
}
.jobstrategy_row3_left_title h2{
font-weight: 600;
font-size: 30px;
padding: 15px 0px;
color: #215834; 
}
.jobstrategy_row3_left_btn{
padding: 15px 0px;
}
.jobstrategy_row3_left_btn .btn{
color: #fff;
background-color: #215834;
transition: all 0.4s linear;
width: 150px;
font-size: 14px;
border: 2px solid #215834;
}
.jobstrategy_row3_left_btn .btn:hover{
color: #fff;
background-color: #00b142;
border-color: #00b142;
}

.jobstrategy_row3 {
padding: 40px 0px 120px;
background-color: #f5f7fa;
}
.jobstrategy_row4{
padding: 100px 0px;
}
.jobstrategy_row4_title h2{
font-weight: 700;
font-size: 30px;
color: #00b142;
padding: 15px 0px;
letter-spacing: 1px;
}

.jobstrategy_row4 .card{
background-color: transparent !important;
border-bottom: 1px solid #101c3f !important;
border: 0px solid;
}
.jobstrategy_row4 .card-header {
padding: .75rem 0rem;
background-color: transparent;
}
.jobstrategy_row4 .btn-link {
font-weight: 400;
color: #101c3f;
background-color: transparent;
text-decoration: none;
}
.btn-link:hover,.btn-link:focus{
color: #00b142;
text-decoration: none;
}
.collapsible-link {
width: 100%;
position: relative;
text-align: left;
}

.collapsible-link::before {
content: "\f107";
position: absolute;
top: 50%;
right: 0.8rem;
transform: translateY(-50%);
display: block;
font-family: "FontAwesome";
font-size: 1.1rem;
}

.collapsible-link[aria-expanded="true"]::before {
content: "\f106";
}
.jobstrategy_row4 .accordion p{
color: #101c3f;
font-size: 14px;
}
.jobstrategy_row4 .card-body {
padding: 10px 25px;
color: #101c3f;
}
.jobstrategy_row4 .card-body .btn{
color: #101c3f;
border: 2px solid #101c3f;
background-color: transparent;
transition: all 0.4s linear;
}
.jobstrategy_row4 .card-body .btn:hover{
color: #fff;
background-color: #101c3f;
}


/* Job Strategy - end */

/* Job Interview */

/* .interview_row1_right  .border_shape3 {
animation: interview_shape1 5s infinite !important;
} */
@keyframes interview_shape1{

0%{
  left: -8px;
  bottom: 91px;
}
34%{
  left: -8px;
  bottom: 355px;
}
68%{
  left: 560px;
  bottom: 355px;
}
100%{
  left: 565px;
  bottom: 181px;
}
}

/* .interview_row1_right   .border_shape4 {
animation: interview_shape2 5s infinite !important;
} */
@keyframes interview_shape2{

0%{
right: -11px;
bottom: 180px;
}
34%{
right: -11px;
bottom: -16px;
}
68%{
right: 563px;
bottom: -16px;
}
100%{
right: 563px;
bottom: 90px;
}
}


.interview_row1{
padding: 100px 35px;
background-color: #aed5af;
position: relative;
z-index: 0;
}
.interview_row1_left{
padding-left: 100px;
}
.interview_row1_left h3{
color: #215834;
font-weight: 600;
font-size: 50px;
letter-spacing: 1px;
border-bottom: 2px solid;
display: inline-block;
}
.interview_row1_left_sub span{
color: #215834 !important;
font-weight: 600;
font-size: 20px !important;
letter-spacing: 1px;
}
.interview_row1_left_sub2 span{
color: #215834;
font-size: 14px;
letter-spacing: 1px;
padding: 15px 0px;
font-weight: 600;
}
.interview_row1_left_select span{
font-size: 30px;
font-weight: 600;
letter-spacing: 1px;
color: #00b142;
}
.interview_row1_left_select i{
font-size: 30px;
font-weight: 600;
padding-left: 10px;
padding-top: 7px;
color: #00b142;
}

.interview_row1_left .select-menu {
cursor: pointer;
position: relative;
}

.interview_row1_left .select {
padding: 15px 5px;
color: #fff;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}

.interview_row1_left .options-list {
position: absolute;
width: 92%;
background-color: #215834;
color: #aed3af;
border-radius: 6px;
/* margin-top: 14px; */
padding: 0 20px;
max-height: 150px;
overflow-y: auto;
-webkit-transition: .4s linear .2s;
-o-transition: .4s linear .2s;
transition: .4s linear .2s;
height: 0;
z-index: 1;
}

.interview_row1_left .option {
padding: 8px 0;
font-weight: 500;
font-size: 14px;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.interview_row1_left .option:hover,
.interview_row1_left .option.selected {
color: #00b142;
}

.interview_row1_left .options-list::-webkit-scrollbar {
width: 4px;
background-color: #eee;
}

.interview_row1_left .options-list::-webkit-scrollbar-thumb {
background-color: #00b142;
}

.interview_row1_left .options-list.active {
height: 150px;
border: 1px solid #00b142;
}
.interview_row3_left_title h2{
font-weight: 600;
font-size: 30px;
padding: 15px 0px;
color: #215834;
}
.interview_row3_left_btn{
padding: 15px 0px;
}
.interview_row3_left_btn .btn{
color: #fff;
background-color: #215834;
transition: all 0.4s linear;
width: 150px;
font-size: 14px;
border: 2px solid #215834;
}
.interview_row3_left_btn .btn:hover{
color: #fff;
background-color: #00b142;
border-color: #00b142;
}
.interview_row3 {
padding: 40px 0px 120px;
}
.interview_row3_right_img img {
border-top-right-radius: 25px;
}

.interview_row2{
background-color: #f5f7fa;
padding: 100px 0px;
}
.interview_row2_title h2{
font-weight: 700;
font-size: 35px;
color: #00b142;
padding: 15px 0px;
letter-spacing: 1px;
}

.interview_row2_title_desc .card{
background-color: transparent !important;
border-bottom: 1px solid #101c3f !important;
border: 0px solid;
}
.interview_row2_title_desc .card-header {
padding: .75rem 0rem;
}
.interview_row2_title_desc .btn-link {
font-weight: 400;
color: #101c3f;
background-color: transparent;
text-decoration: none;
}
.interview_row2_title_desc .btn-link:hover,.interview_row2_title_desc .btn-link:focus{
color: #00b142;
text-decoration: none;
}
.interview_row2_title_desc .collapsible-link {
width: 100%;
position: relative;
text-align: left;
}

.interview_row2_title_desc .collapsible-link::before {
content: "\f107";
position: absolute;
top: 50%;
right: 0.8rem;
transform: translateY(-50%);
display: block;
font-family: "FontAwesome";
font-size: 1.1rem;
}

.interview_row2_title_desc .collapsible-link[aria-expanded="true"]::before {
content: "\f106";
}
.interview_row2_title_desc .accordion p{
color: #101c3f;
font-size: 14px;
}
.interview_row2_title_desc .card-body {
padding: 10px 25px;
}
.interview_row2_title_desc .card-body .btn{
color: #101c3f;
border: 2px solid #101c3f;
background-color: transparent;
transition: all 0.4s linear;
}
.interview_row2_title_desc .card-body .btn:hover{
color: #fff;
background-color: #101c3f;
}
.interview_row2_title_desc .card-header{
background-color: transparent !important;
}

.interview_row2_title_desc li span{
color: #00b142;
font-weight: 600;
}
.interview_row2_title_desc li{
font-size: 14px;
}

/* Job Interview - end */

/* Job Seeker Toolkit */

.toolkit_row1{
background-color: #aed5af;
padding: 100px 30px;
}
.toolkit_row1_left{
padding-left: 70px;
padding-right: 85px;
}
.toolkit_row1_sub{
padding: 15px 0px;
}
.toolkit_row1_title{
padding: 15px 0px;
}
.toolkit_row1_title h2{
color: #215834;
font-weight: 600;
font-size: 30px;
}
.toolkit_row1_sub p{
color: #215834;
font-size: 16px;
}
.toolkit_row1_btn{
/* border: 2px solid #215834; */
width: fit-content;
padding: 10px 0px;
margin: 15px 0px;
}
.toolkit_row1_btn a{
padding: 11px 45px;
background-color: #215834;
/* width: 100%; */
font-size: 16px;
color: #fff;
}
.toolkit_row1_btn a:hover{
background-color: #00b142;
color: #fff;
}
.toolkit_row1_right_img img {
border-radius: 25px;
}
.toolkit_row1_right{
position: relative;
z-index: 0;
}

.toolkit_row2{
padding: 110px 25px;
}
.toolkit_row2_title{
padding: 20px 40px;
}
.toolkit_row2_title h2{
color: #101c3f;
font-weight: 600;
font-size: 30px;
}
.toolkit_row2_sub{
justify-content: space-evenly;
padding: 0px 95px;
}
.toolkit_row2_sub a:hover{
background-color: #fff;
color: #101c3f;
}

:root {
/* Colors */
--brand-color: hsl(46, 100%, 50%);
--black: hsl(0, 0%, 0%);
--white: hsl(0, 0%, 100%);
/* Fonts */
--font-title: "Montserrat", sans-serif;
--font-text: "Lato", sans-serif;
}

/* RESET */

/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}

/* Remove default margin */
body,
h2,
p {
margin: 0;
}

/* GLOBAL STYLES */


.toolkit_row1_title h2 {
font-size: 50px;
font-family: var(--font-title);
color: #215834;
line-height: 1.1;
font-weight: 700;
}

.toolkit_main .card__content h2 {
color: #fff;
}
.toolkit_main .card__content h2::first-letter {
text-transform: uppercase;
}

.toolkit_main p {
font-family: var(--font-text);
font-size: 16px;
line-height: 1.5;
color: #3d3936;
}

.flow > * + * {
margin-top: var(--flow-space, 1em);
}

/* CARD COMPONENT */

.toolkit_main .card {
display: grid;
place-items: center;
/* width: 80vw; */
/* max-width: 21.875rem; */
height: 28.125rem;
overflow: hidden;
border-radius: 0.625rem;
box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}
.toolkit_row9_sub .card {
display: grid;
place-items: center;
/* width: 80vw; */
max-width: 100%;
height: 28.125rem;
overflow: hidden;
border-radius: 0.625rem;
box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}

.card > * {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

.card__background {
object-fit: cover;
max-width: 100%;
height: 100%;
}

.card__content {
--flow-space: 0.9375rem;
display: flex;
flex-direction: column;
justify-content: space-between;
align-self: flex-end;
height: 55%;
width: 100%;
padding: 12% 1.25rem 2.875rem;
background: linear-gradient(
  180deg,
  hsla(0, 0%, 0%, 0) 0%,
  hsla(0, 0%, 0%, 0.3) 10%,
  hsl(0, 0%, 0%) 100%
);
}

.card__content h2{
font-size: 22px;
}

.card__content--container {
--flow-space: 1.25rem;
}

.card__title {
position: relative;
width: fit-content;
width: -moz-fit-content; /* Prefijo necesario para Firefox  */
}

.card__title::after {
content: "";
position: absolute;
height: 0.3125rem;
width: calc(100% + 1.25rem);
bottom: calc((1.25rem - 0.5rem) * -1);
left: -1.25rem;
background-color: var(--font-color);
}

.card__button {
padding: 0.75em 1.6em;
width: fit-content;
width: -moz-fit-content; /* Prefijo necesario para Firefox  */
font-variant: small-caps;
font-weight: bold;
border-radius: 0.45em;
border: 1px solid #215834;
background-color: #215834;
font-size: 1.125rem;
color: #fff;
cursor: pointer;
}

.card__button:focus {
outline: 2px solid #215834;
/* outline-offset: -5px; */
}
a:not([href]):not([tabindex]) {
color: #fff;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: #215834;
background-color: #fff;
text-decoration: none;
}
@media (any-hover: hover) and (any-pointer: fine) {
.card__content {
  transform: translateY(40%);
  transition: transform 500ms ease-out;
  transition-delay: 500ms;
}

.card__title::after {
  opacity: 0;
  transform: scaleX(0);
  transition: opacity 1000ms ease-in, transform 500ms ease-out;
  transition-delay: 500ms;
  transform-origin: right;
}

.card__background {
  transition: transform 500ms ease-in;
}

.card__content--container > :not(.card__title),
.card__button {
  opacity: 0;
  transition: transform 500ms ease-out, opacity 500ms ease-out;
}

/* .card:hover,
.card:focus-within {
  transform: scale(1.05);
  transition: transform 500ms ease-in;
} */

.card:hover .card__content,
.card:focus-within .card__content {
  transform: translateY(0);
  transition: transform 500ms ease-in;
}

.card:focus-within .card__content {
  transition-duration: 0ms;
}

.card:hover .card__background,
.card:focus-within .card__background {
  transform: scale(1.3);
}

.card:hover .card__content--container > :not(.card__title),
.card:hover .card__button,
.card:focus-within .card__content--container > :not(.card__title),
.card:focus-within .card__button {
  opacity: 1;
  transition: opacity 500ms ease-in;
  transition-delay: 1000ms;
}

.card:hover .card__title::after,
.card:focus-within .card__title::after {
  opacity: 1;
  transform: scaleX(1);
  transform-origin: left;
  transition: opacity 500ms ease-in, transform 500ms ease-in;
  transition-delay: 500ms;
}
}

.toolkit_row3,.toolkit_row6{
background-color: #f5f7fa;
padding: 130px 0px;
}
.toolkit_row3_left_title {
padding: 15px 0px;
}
.toolkit_row3_left_title h2{
padding-bottom: 5px;
/* border-bottom: 2px solid #fff; */
display: inline-block;
}
.toolkit_row3_right{
/* padding-top: 10px; */
padding-left: 179px;
}
.toolkit_row3_right_title{
padding: 15px 0px;
max-width: 65%;
}
.toolkit_row3_right_title h5,.toolkit_row3_right_title h3{
color: #fff;
line-height: 20px;
}
.toolkit_row3_right_btn{
padding-top: 20px;
}
.toolkit_row3_right_btn .btn{
background-color: transparent;
border: 2px solid #215834;
color: #fff;
background-color: #215834;
}
.toolkit_row3_right_btn .btn:hover{
background-color: #215834;
color: #fff;
background-color: #00b142;
}
.toolkit_row4,.toolkit_row5,.toolkit_row8,.toolkit_row9{
padding: 110px 0px;
}
.toolkit_row4_title h2{
color: #101c3f;
padding: 15px 0px 15px 45px;
}
.toolkit_row4_sub{
justify-content: space-evenly;
}

.toolkit_row6 h2{
font-size: 30px;
color: #3d3936;
font-weight: 600;
}
.toolkit_row6 h3{
font-size: 35px;
color: #3d3936;
font-weight: 700;
line-height: 40px;
}
.toolkit_row7{
background-color: #f7f5f0;
padding: 100px;
}
.toolkit_row7_top h2{
color: #101c3f;
font-weight: 600;
}
.toolkit_row7_top a{
color: #101c3f;
}
.toolkit_row7_top a:hover{
color: #00b142;
}
.toolkit_row7_bottom{
justify-content: space-evenly;
}
.toolkit_row7_bottom_col h3{
font-weight: 600;
}
.toolkit_row7_bottom_mid{
padding: 15px 0px;
}
.toolkit_row7_bottom_mid i{
color: #000;
padding-right: 5px;
}
.toolkit_row7_bottom_mid span{
font-size: 13px;
}
.toolkit_row7_bottom_col1{
border:1px solid #fff;
background-color: #fff;
border-radius: 7px;
padding-left: 45px !important;
box-shadow: 0px 0px 20px grey;
border: 1px solid #fff;
cursor: pointer;
transition: all 0.4s linear;
}
.toolkit_row7_bottom_col1:hover{
border-color: #101c3f;
box-shadow: none;
}

.toolkit_row10{
background-color: #101c3f;
}
.toolkit_row10_right_title h5{
color: #fff;
max-width: 70%;
}
.toolkit_row10_right .cardmain{
background-color: transparent !important;
border-bottom: 1px solid #fff !important;
border: 0px solid;
}
/* .toolkit_row10_left{
  display: flex;
  justify-content: end;
} */
.card-header {
padding: .75rem 0rem;
}
.btn-link {
font-weight: 400;
color: #fff;
font-size: 16px;
background-color: transparent;
text-decoration: none;
}
.btn-link:hover,.btn-link:focus{
color: #00b142;
text-decoration: none;
}
.collapsible-link {
width: 100%;
position: relative;
text-align: left;
}

.collapsible-link::before {
content: "\f107";
position: absolute;
top: 50%;
right: 0.8rem;
transform: translateY(-50%);
display: block;
font-family: "FontAwesome";
font-size: 1.1rem;
}

.collapsible-link[aria-expanded="true"]::before {
content: "\f106";
}
.accordion p{
color: #fff;
font-size: 16px;
}
.card-body {
padding: 10px 25px;
}
.card-body .btn{
color: #fff;
border: 2px solid #fff;
background-color: transparent;
transition: all 0.4s linear;
}
.card-body .btn:hover{
color: #101c3f;
background-color: #fff;
}

.toolkit_row11{
padding: 100px 0px 170px;
}
.toolkit_row11_col h2{
color: #215834;
font-weight: 700;
letter-spacing: 1px;
max-width: 69%;
padding-left: 50px;
}
.toolkit_row11_col h2:first-letter{
text-transform: uppercase;
}
.toolkit_row11_col .btn{
background-color: #215834;
border: 2px solid #215834;
color: #fff;
width: 150px;
height: 50px;
font-size: 16px;
}
.toolkit_row11_col .btn:hover{
background-color: #00b142;
color: #fff;
border-color: #00b142;
}
/* Job Seeker Toolkit - end */


/* Contact Us  */

/* .contact_row1_right .border_shape3 {
animation: contact_shape1 5s infinite !important;
} */
@keyframes contact_shape1{

0%{
  left: -7px;
  bottom: 102px;
}
34%{
  left: -7px;
  bottom: 352px;
}
68%{
  left: 563px;
  bottom: 352px;
}
100%{
  left: 563px;
  bottom: 172px;
}
}

/* .contact_row1_right .border_shape4 {
animation: contact_shape2 5s infinite !important;
} */
@keyframes contact_shape2{

0%{
right: -9px;
bottom: 135px;
}
34%{
right: -9px;
bottom: -22px;
}
68%{
right: 562px;
bottom: -22px;
}
100%{
right: 562px;
bottom: 102px;
}
}

.contact_row3_left_head h5 {
font-size: 20px;
color: #00b142;
}
.contact_row1{
padding: 100px 35px;
background-color: #aed5af;
}
.contact_row1_left{
padding-left: 100px;
}
.contact_row1_left_title h2{
color: #215834;
font-weight: 700;
font-size: 30px;
}
.contact_row1_left_sub {
color: #3d3936;
font-size: 15px;
}
.contact_row1_left_btn .btn{
background-color: #215834;
border: 2px solid #215834;
color: #fff;
font-size: 14px;
}
.contact_row1_left_btn .btn:hover{
background-color: #00b142;
color: #fff;
border-color: #00b142;
}
.contact_row1_right_img img,.contact_row3_right_img img{
 border-radius: 25px;
}
.contact_row1_right{
position: relative;
z-index: 0;
}

.contact_row2{
flex-direction: row-reverse;
}
.contact_row2_left{
padding-left: 100px;
}
.contact_row2_left_title h2{
font-weight: 700;
font-size: 30px;
color: #3d3936;
}
.contact_row2_left_sub p,.contact_row3_left_sub p{
font-size: 15px;
color: #3d3936;
}
.contact_row2_left_btn .btn,.contact_row3_left_btn .btn{
color: #215834;
background-color: transparent;
border: 2px solid #215834;
font-size: 14px;
transition: all 0.4s linear !important;
}
.contact_row2_left_btn .btn:hover,.contact_row3_left_btn .btn:hover{
color: #fff;
background-color: #215834;
}
.contact_row3{
padding: 80px 0px 110px;
/* border-radius: 0px 0px 45px 45px; */
}
.contact_row3_left {
padding-left: 100px;
}
.contact_row3_left_title h2{
font-weight: 800;
font-size: 40px;
color: #00411f;
}
/* Contact Us - end */

/* Refer Friend */


/* Refer Friend - end */

/* Area Expertise */

.area_row2{
padding: 200px 45px;
}

.area_row2_left h3{
font-size: 35px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 1px;
color: #215834;
}
.area_row2_left {
padding-bottom: 25px;
}

.area_row2_left span{
color: #00b142;
}

.area_row3_left_btn .btn{
background-color: #215834;
  color: #fff;
  border: 2px solid #215834;
  width: 190px;
  font-size: 14px;
  transition: all 0.4s linear;
}
.area_row3_left_btn .btn:hover{
background-color: #00b142;
  color: #fff;
  border-color: #00b142;
}

.toolkit_row11_col span{
color: #00b142;
}
/* Area Expertise - end */

/* Become Partner */

.partner_main_row1_left_links span {
font-size: 35px;
position: relative;
top: 5px;
padding: 0px 5px;
}
.partner_main_row1_left_links li{
padding: 0px;
}
/* .partner_main_row1_right .border_shape3 {
animation: partner_shape1 5s infinite !important;
} */
@keyframes partner_shape1{

0%{
  left: -8px;
  bottom: 91px;
}
34%{
  left: -8px;
  bottom: 355px;
}
68%{
  left: 569px;
  bottom: 355px;
}
100%{
  left: 569px;
  bottom: 172px;
}
}

/* .partner_main_row1_right .border_shape4 {
animation: partner_shape2 5s infinite !important;
} */
@keyframes partner_shape2{

0%{
right: -9px;
bottom: 172px;
}
34%{
right: -9px;
bottom: -22px;
}
68%{
right: 569px;
bottom: -22px;
}
100%{
right: 569px;
bottom: 91px;
}
}

.partner_main_row1_right,.franchise_main_row1_right,.freelancer_main_row1_right{
position: relative;
z-index: 0;
}
.partner_top li {
padding: 10px 0px;
}
.partner_top {
padding: 10px 165px;
}
.partner_top a{
color: #101c3f;
padding: 10px 10px;
}
.partner_top a:hover{
color: #00b142;
}

.partner_main_row1_left_head h6{
line-height: 20px;
letter-spacing: 2px;
font-weight: 600;
margin: 0px;
color: #00b142;
}
.partner_main_row1_left_title h2{
font-size: 42px;
font-weight: 700;
color: #215834;
}
.partner_main_row1_left_title {
padding: 5px 0px;
}
.partner_main_row1_left_title h3{
font-size: 30px;
font-weight: 600;
color: #215834;
}
.partner_main_row1_left_btn .btn{
background-color: #215834;
color: #fff;
border: 2px solid #215834;
}
.partner_main_row1_left_btn .btn:hover{
background-color: #00b142;
color: #fff;
border-color: #00b142;
}
.partner_main_row1_left_btn {
padding: 25px 0px;
}

.partner_main_row2_right_col a{
position: relative;
top: 0px;
transition: all 0.4s linear;
}
.partner_main_row2_right_col a:hover{
cursor: pointer;
top: 40px;
}
.partner_main_row2_right_col a:hover > .partner_main_row2_right_box_title h3{
color: #00b142;
}
.partner_main_row2_right_box_img img {
width: 90px;
}

.partner_main_row2_right_box_sub {
max-width: 67%;
font-size: 16px;
font-weight: 500;
padding: 5px 0px;
line-height: 22px;
}

.partner_main_row2_right_box {
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
border-radius: 20px;
padding: 30px 20px;
box-shadow: 0px 0px 24px -20px;
height: 100%;
color: #000 !important ;
}
.partner_main_row2_right_box_sub span{
font-weight: 700;
}

.partner_main_row2_right_box_title h3 {
font-size: 25px;
font-weight: 700;
margin: 0px;
transition: all 0.4s linear;
}

.partner_main_row2_right_box_img {
padding: 5px 0px;
}

.partner_main_row2_right_box_title {
padding: 10px 0px;
}

.partner_main_row2_left_title h2 {
font-size: 30px;
font-weight: 700;
line-height: 40px;
}

.partner_main_row2_left_sub {
font-size: 16px;
font-weight: 500;
padding: 5px 0px;
}

.partner_main_row2_left.col-lg-4 {
display: flex;
flex-direction: column;
justify-content: center;
}

.partner_main_row2_left_title {
padding: 5px 0px;
}
.partner_main_row2{
padding: 130px 0px;
background-color: #f5f7fa;
}

.partner_main_row3_col_box_icon1 i {
color: #929292;
font-size: 50px;
margin: 47px 0px;
}

.partner_main_row3_col_box_icon1 {
/* border: 1px solid; */
height: 150px;
width: 150px;
border-radius: 50%;
box-shadow: 0px 2px 9px -4px;
}

.partner_main_row3_col_box_title {
font-size: 16px;
font-weight: 500;
padding: 15px 0px;
}
.partner_main_row3_row.d-flex {
padding: 0px 25px;
}
.partner_main_row3_col_box {
display: flex;
flex-direction: column;
align-items: center;
}
.partner_main_row3_col_box_icon2 {
height: 30px;
width: 30px;
border-radius: 50%;
/* border: 1px solid; */
padding: 5px;
font-size: 13px;
font-weight: 600;
position: absolute;
top: 60px;
left: 165px;
background: #fff;
box-shadow: 0px 2px 9px -4px;
}
.partner_main_row3.text-center {
padding: 20px 0px 50px;
}

.partner_main_row3_title {
padding: 30px 0px;
}

.partner_main_row3_title h2 {
font-size: 35px;
font-weight: 700;
color: #215834;
}


.partner_main_row4_right_col a{
position: relative;
top: 0px;
transition: all 0.4s linear;
}
.partner_main_row4_right_col a:hover{
cursor: pointer;
top: 60px;
}
.partner_main_row4_right_col a:hover > .partner_main_row4_right_box_title h3{
color: #00b142;
}
.partner_main_row4_right_box_img img {
width: 110px;
}

.partner_main_row4_right_box_sub {
font-size: 16px;
font-weight: 500;
padding: 5px 0px;
line-height: 22px;
}

.partner_main_row4_right_box {
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
border-radius: 20px;
padding: 30px 20px;
box-shadow: 0px 0px 24px -20px;
/* height: 100%; */
color: #000 !important ;
}
.partner_main_row4_right_box_sub span{
font-weight: 700;
}

.partner_main_row4_right_box_title h3 {
font-size: 23px;
font-weight: 700;
margin: 0px;
transition: all 0.4s linear;
}

.partner_main_row4_right_box_img {
padding: 5px 0px;
}

.partner_main_row4_right_box_title {
padding: 10px 0px;
}

.partner_main_row4_left_title h2 {
font-size: 30px;
font-weight: 700;
line-height: 40px;
color: #3d3936;
}

.partner_main_row4_left_sub {
font-size: 16px;
font-weight: 500;
padding: 25px 0px;

}
.partner_main_row4_left_sub .btn{
background-color: #215834;
color: #fff;
}
.partner_main_row4_left_sub .btn:hover{
background-color: #00b142;
color: #fff;
}

.partner_main_row4_left.col-lg-4 {
display: flex;
flex-direction: column;
justify-content: center;
}

.partner_main_row4_left_title {
padding: 5px 0px;
}
.partner_main_row4{
padding: 130px 0px;
background-color: #f5f7fa;
}


.partner_main .wrapper {
width: 100%;
position: absolute;
/* margin-top: -190px; */
top: 18px;
}

.carousel {
position: relative;
overflow: hidden;
width: 100%;
height: 530px;
display: flex;
justify-content: center;
align-items: center;
}

.carousel__item {
width: 100%;
max-width: 300px;
padding: 0 12px;
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
opacity: 0;
-webkit-animation: carousel-animate-horizontal 20s linear forwards infinite;
        animation: carousel-animate-horizontal 20s linear forwards infinite;
}
.carousel__item-body p {
padding-top: 10px;
font-size: 16px;
}
.partner_main_row5 {
height: 673px;
position: relative;
padding: 100px 0px 0px;
}
.partner_main_row5_title h2 {
font-weight: 700;
font-size: 35px;
padding-bottom: 25px;
color: #00b142;
}
.carousel__item-body h2 {
font-weight: 700;
color: #215834;
}
@media screen and (min-width: 650px) {
.carousel__item {
  max-width: 500px;
}
}

.carousel__item:nth-child(1) {
-webkit-animation-delay: calc(3.3333333333s * 0);
        animation-delay: calc(3.3333333333s * 0);
}

.carousel__item:nth-child(2) {
-webkit-animation-delay: calc(3.3333333333s * 1);
        animation-delay: calc(3.3333333333s * 1);
}

.carousel__item:nth-child(3) {
-webkit-animation-delay: calc(3.3333333333s * 2);
        animation-delay: calc(3.3333333333s * 2);
}

.carousel__item:nth-child(4) {
-webkit-animation-delay: calc(3.3333333333s * 3);
        animation-delay: calc(3.3333333333s * 3);
}

.carousel__item:nth-child(5) {
-webkit-animation-delay: calc(3.3333333333s * 4);
        animation-delay: calc(3.3333333333s * 4);
}

.carousel__item-head {
border-radius: 50%;
background-color: #dcdee1;
width: 84px;
height: 84px;
margin-bottom: -42px;
position: relative;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}

.carousel__item-body {
width: 100%;
background-color: #fff;
border-radius: 8px;
padding: 50px 30px 20px 30px;
text-align: center;
}

@-webkit-keyframes carousel-animate-horizontal {
0% {
  transform: translateX(-200%);
  opacity: 0;
}
2%, 16.6666666667% {
  transform: translateX(-100%);
  opacity: 0.4;
}
18.6666666667%, 33.3333333333% {
  transform: translateX(0);
  opacity: 1;
}
35.3333333333%, 50% {
  transform: translateX(100%);
  opacity: 0.4;
}
52% {
  transform: translateX(200%);
  opacity: 0;
}
100% {
  transform: translateX(200%);
  opacity: 0;
}
}

@keyframes carousel-animate-horizontal {
0% {
  transform: translateX(-200%);
  opacity: 0;
}
2%, 16.6666666667% {
  transform: translateX(-100%);
  opacity: 0.4;
}
18.6666666667%, 33.3333333333% {
  transform: translateX(0);
  opacity: 1;
}
35.3333333333%, 50% {
  transform: translateX(100%);
  opacity: 0.4;
}
52% {
  transform: translateX(200%);
  opacity: 0;
}
100% {
  transform: translateX(200%);
  opacity: 0;
}
}
/* Become Partner - end */

/* Partners */

.our_partner_top li {
padding: 10px 0px;
}
.our_partner_top {
padding: 10px 165px;
}
.our_partner_top a{
color: #101c3f;
padding: 10px 10px;
}
.our_partner_top a:hover{
color: #00b142;
}


.our_partner_main_row1_left_head h6{
line-height: 20px;
letter-spacing: 2px;
font-weight: 600;
margin: 0px;
}
.our_partner_main_row1_left_title h2{
font-size: 42px;
font-weight: 600;
color: #101c3f;
}
.our_partner_main_row1_left_sub {
font-size: 15px;
max-width: 75%;
color: #101c3f;
}
.our_partner_main_row1_left_btn .btn{
background-color: transparent;
color: #101c3f;
border: 2px solid #101c3f;
}
.our_partner_main_row1_left_btn .btn:hover{
background-color: #101c3f;
color: #fff;
}
.our_partner_main_row1_right{
position: relative;
padding: 60px 0px;
overflow: hidden;
}
.our_partner_main_row1_right_rightimg{
position: absolute;
top: 154px;
right: -503px;
z-index: -1;
}

.our_partner_main_row2{
padding: 50px 0px;
}
.our_partner_row2_bottom_col_img img{
width: 8%;
}
.our_partner_row2_bottom_col_title h4{
font-weight: 600;
color: #101c3f;
margin: 0px;
}
.our_partner_row2_bottom_col_sub{
font-size: 13px;
width: 80%;
}
.our_partner_main_row2_title h2{
color: #101c3f;
font-weight: 500;
font-size: 40px;
}
.our_partner_main_row2_sub{
font-size: 16px;
}
.our_partner_row2_bottom_col_btn a,.our_partner_row2_bottom_col_btn i{
color: #101c3f;
font-size: 12px;
}
.our_partner_row2_bottom_col_btn i{
font-size: 20px;
margin-top: 2px;
position: relative;
left: 0;
}
.our_partner_row2_bottom_col_btn a:hover,.our_partner_row2_bottom_col_btn a:hover + i{
color: #00b142;
}
.our_partner_row2_bottom_col_btn a:hover + i{
left: 5px;
}

.our_partner_main_row3{
padding: 50px 0px;
background-color: #f5f7fa;
}
.our_partner_main_row3_title h2{
color: #101c3f;
font-weight: 500;
font-size: 40px;
}
.our_partner_main_row3_sub{
font-size: 16px;
}


.slider {
display: flex;
width: 90%;
margin: 0 auto;
overflow: hidden;
padding: 2.5rem;
}
.item {
animation: animate 15s linear infinite;
height: 110px;
}
.item img
{
  min-width: 300px;
  padding: 0 30px;
}
.slider:hover .item {
animation-play-state: paused;
}
@keyframes animate {
0% {
  transform: translate3d(0, 0, 0);
}
100% {
  transform: translate3d(-1800px, 0, 0);
}
}


.our_partner_main_row4{
padding: 50px 0px;
}
.our_partner_row4_bottom_col_img img{
width: 8%;
}
.our_partner_row4_bottom_col_title h4{
font-weight: 600;
color: #101c3f;
margin: 0px;
}
.our_partner_row4_bottom_col_sub{
font-size: 13px;
width: 80%;
}
.our_partner_main_row4_title h2{
color: #101c3f;
font-weight: 500;
font-size: 40px;
}
.our_partner_main_row4_sub{
font-size: 16px;
}
.our_partner_row4_bottom_col_btn a,.our_partner_row4_bottom_col_btn i{
color: #101c3f;
font-size: 12px;
}
.our_partner_row4_bottom_col_btn i{
font-size: 20px;
margin-top: 2px;
position: relative;
left: 0;
}
.our_partner_row4_bottom_col_btn a:hover,.our_partner_row4_bottom_col_btn a:hover + i{
color: #00b142;
}
.our_partner_row4_bottom_col_btn a:hover + i{
left: 5px;
}
/*  Partners - end */

/* Login Page */


.login_main {
position: relative;
width: 100%;
background-color: #fff;
min-height: 100vh;
overflow: hidden;
}

.forms-container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.signin-signup {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 75%;
width: 50%;
transition: 1s 0.7s ease-in-out;
display: grid;
grid-template-columns: 1fr;
z-index: 5;
}

.login_main form {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0rem 5rem;
transition: all 0.2s 0.7s;
overflow: hidden;
grid-column: 1 / 2;
grid-row: 1 / 2;
}

form.sign-up-form {
opacity: 0;
z-index: 1;
}

form.sign-in-form {
z-index: 2;
}

.title {
font-size: 2.2rem;
color: #444;
margin-bottom: 10px;
}

.sign-in-form .input-field {
max-width: 380px;
width: 100%;
border: 1.5px solid #215834;
background-color: #f5f7fa;
margin: 10px 0px;
height: 55px;
border-radius: 5px;
display: grid;
grid-template-columns: 15% 70% 15%;
padding: 0 0.4rem;
position: relative;
}

.sign-up-form .input-field {
/* max-width: 380px; */
width: 100%;
border: 1.5px solid #215834;
background-color: #f5f7fa;
margin: 10px 5px;
height: 55px;
border-radius: 5px;
display: grid;
grid-template-columns: 15% 70% 15%;
padding: 0 0.4rem;
position: relative;
}
#signin-icon,#signup-icon,#signup-conicon{
cursor: pointer;
}
#signin-icon:hover,#signup-icon:hover,#signup-conicon:hover{
color: #00b142;
}

.input-field i {
text-align: center;
line-height: 55px;
color: #acacac;
transition: 0.5s;
font-size: 1.1rem;
}

.input-field input {
background: none;
outline: none;
border: none;
line-height: 1;
font-weight: 600;
font-size: 1.1rem;
color: #333;
}

.input-field input::placeholder {
color: #aaa;
font-weight: 500;
}
.signin-signup .btn{
border: 2px solid #215834 !important;
color: #aed5af !important;
background-color: #215834 !important;
height: 40px;
width: 130px;
}
.signin-signup .btn:hover{
color: #215834 !important;
background-color: #aed5af !important;
border-color: #aed5af !important;
}

/* .social-text {
padding: 0.7rem 0;
font-size: 1rem;
}

.social-media {
display: flex;
justify-content: center;
}

.social-icon {
height: 46px;
width: 46px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0.45rem;
color: #333;
border-radius: 50%;
border: 1px solid #333;
text-decoration: none;
font-size: 1.1rem;
transition: 0.3s;
}

.social-icon:hover {
color: #F86F03;
border-color: #F86F03;
} */

.social-icons {
display: flex;
width: 100%;
justify-content: center;
padding-bottom: 15px;
}

.social-icon {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
margin: 10px;
transition: all 0.4s linear;
}
.google:hover{
transform: scale(1.2);
background-color: #DB4437;
color: #fff;
}
.linkedin:hover{
transform: scale(1.2);
background-color: #2867B2;
color: #fff;
}

.google {
border:2px solid #DB4437;
color: #DB4437;
}

.linkedin {
border:2px solid #2867B2;
color: #2867B2;
}

.forgot{
width: 70%;
justify-content: space-between;
}
.forgot a{
color: #101c3f;
font-size: 13px;
}
.forgot a:hover{
color: #00b142;
}
.login_main .btn {
width: 130px;
border: none;
outline: none;
height: 40px;
border-radius: 4px;
text-transform: uppercase;
font-weight: 600;
margin: 10px 0;
cursor: pointer;
transition: 0.5s;
color: #aed5af;
font-size: 13px !important;
background-color: transparent;
border-color: 2px solid #aed5af;
letter-spacing: 1px;
/* box-shadow: 0px 0px 8px 0px #fff; */
}

.login_main .btn:hover {
background-color: #aed5af;
color: #215834;
border-color: #aed5af;
/* box-shadow: none; */
}
.panels-container {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
}

.login_main:before {
content: "";
position: absolute;
height: 2000px;
width: 2000px;
top: -10%;
right: 48%;
transform: translateY(-50%);
background-image: linear-gradient(-45deg, #00411f 0%, #00411f 100%);
transition: 1.8s ease-in-out;
border-radius: 50%;
z-index: 0;
}

.image {
/* width: 100%; */
height: fit-content;
transition: transform 1.1s ease-in-out;
transition-delay: 0.4s;
padding: 0px 30px;
}

.panel {
padding-right: 10px 40px 10px 0px;
}

.left-panel {
pointer-events: all;
padding: 3rem 17% 2rem 12%;
}

.right-panel {
pointer-events: none;
padding: 3rem 12% 2rem 17%;
}

.panel .content {
color: #fff;
transition: transform 0.9s ease-in-out;
transition-delay: 0.6s;
align-items: center;
}

.panel h3 {
font-weight: 600;
line-height: 1;
font-size: 2.5rem;
color: #aed5af;
}

.panel p {
font-size: 1.1rem;
padding: 1.7rem 0;
color: #fff !important;
text-align: center;
color: #aed5af !important;
}

.btn.transparent {
margin: 0;
background: none;
border: 2px solid #aed5af;
width: 130px;
height: 41px;
font-weight: 600;
font-size: 0.8rem;
}

.right-panel .image,
.right-panel .content {
transform: translateX(800px);
}

/* ANIMATION */

.login_main.sign-up-mode:before {
transform: translate(100%, -50%);
right: 52%;
}

.login_main.sign-up-mode .left-panel .image,
.login_main.sign-up-mode .left-panel .content {
transform: translateX(-800px);
}

.login_main.sign-up-mode .signin-signup {
left: 25%;
}

.login_main.sign-up-mode form.sign-up-form {
opacity: 1;
z-index: 2;
}

.login_main.sign-up-mode form.sign-in-form {
opacity: 0;
z-index: 1;
}

.login_main.sign-up-mode .right-panel .image,
.login_main.sign-up-mode .right-panel .content {
transform: translateX(0%);
}

.login_main.sign-up-mode .left-panel {
pointer-events: none;
}

.login_main.sign-up-mode .right-panel {
pointer-events: all;
}

@media (max-width: 870px) {
.login_main {
  min-height: 800px;
  height: 100vh;
}
.signin-signup {
  width: 100%;
  top: 95%;
  transform: translate(-50%, -100%);
  transition: 1s 0.8s ease-in-out;
}

.signin-signup,
.login_main.sign-up-mode .signin-signup {
  left: 50%;
}

.panels-container {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 2fr 1fr;
}

.panel {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 2.5rem 8%;
  grid-column: 1 / 2;
}

.right-panel {
  grid-row: 3 / 4;
}

.left-panel {
  grid-row: 1 / 2;
}

.image {
  width: 200px;
  transition: transform 0.9s ease-in-out;
  transition-delay: 0.6s;
}

.panel .content {
  padding-right: 15%;
  transition: transform 0.9s ease-in-out;
  transition-delay: 0.8s;
}

.panel h3 {
  font-size: 1.2rem;
}

.panel p {
  font-size: 0.7rem;
  padding: 0.5rem 0;
}

.btn.transparent {
  width: 110px;
  height: 35px;
  font-size: 0.7rem;
}

.login_main:before {
  width: 1500px;
  height: 1500px;
  transform: translateX(-50%);
  left: 30%;
  bottom: 68%;
  right: initial;
  top: initial;
  transition: 2s ease-in-out;
}

.login_main.sign-up-mode:before {
  transform: translate(-50%, 100%);
  bottom: 32%;
  right: initial;
}

.login_main.sign-up-mode .left-panel .image,
.login_main.sign-up-mode .left-panel .content {
  transform: translateY(-300px);
}

.login_main.sign-up-mode .right-panel .image,
.login_main.sign-up-mode .right-panel .content {
  transform: translateY(0px);
}

.right-panel .image,
.right-panel .content {
  transform: translateY(300px);
}

.login_main.sign-up-mode .signin-signup {
  top: 5%;
  transform: translate(-50%, 0);
}
}

@media (max-width: 570px) {
form {
  padding: 0 1.5rem;
}

.image {
  display: none;
}
.panel .content {
  padding: 0.5rem 1rem;
}
.login_main {
  padding: 1.5rem;
}

.login_main:before {
  bottom: 72%;
  left: 50%;
}

.login_main.sign-up-mode:before {
  bottom: 28%;
  left: 50%;
}
}

.custom.checkbox > label {
position: relative;
cursor: pointer;
padding-left: 32px;
font-size: 13px;
color: #101c3f;
font-weight: 600;
transition: all 0.3s linear;
}
.custom.checkbox > label:hover{
color: #00b142;
}
.custom.checkbox > label:hover > input::after{
border-color: #00b142;
}
.custom input[type="checkbox"] {
position: relative;
margin-left: -26px;
margin-right: 12px;
cursor: pointer;
top: 4px;
}
.custom input[type="checkbox"]:after{
content: "";
position: absolute;
top: -5px;
left: -4px;
width: 18px;
height: 18px;
background: #fff;
border: 2px solid #101c3f;
cursor: pointer;
transition: all 0.3s linear;
}
.custom input[type="checkbox"]:before {
transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transform: rotate(-45deg) scale(0, 0);
content: "";
position: absolute;
left: -1px;
top: -2px;
z-index: 1;
width: 11px;
height: 7.5px;
border: 2px solid #22B58F;
border-top-style: none;
border-right-style: none;
}
.custom input[type="checkbox"]:checked:before {
transform: rotate(-45deg) scale(1, 1);
}
.custom input[type="checkbox"]:after {
border-radius: 2px;
}
.custom input[type="radio"] {
top: -2px;
}
.custom input[type="radio"]:before {
transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transform: scale(0, 0);
content: "";
position: absolute;
top: 1px;
left: 0;
z-index: 1;
width: 12px;
height: 12px;
background: #22B58F;
border-radius: 50%;
}
.custom input[type="radio"]:checked:before {
transform: scale(1, 1);
}
.custom input[type="radio"]:after {
border-radius: 50%;
top: -3px;
}


/* Login Page - end*/

/* work-with-uphire */
.work_row1{
/* color: #215834; */
padding: 35px 0px;
}
.work_row1_left{
background-color: #00411f;
padding: 67px 0px 67px 107px;
}
.work_row1_title h1{
font-size: 35px;
max-width: 74%;
font-weight: 700;
letter-spacing: 0.7px;
margin: 15px 0px;
color: #aed5af;
}
.work_row1_sub p{
font-size: 15px;
line-height: 23px;
max-width: 75%;
margin: 15px 0px;
color: #aed5af;
}
.work_row2,.work_row3{
padding: 130px 0px;
}
.work_row2{
background-color: #f5f7fa;
}
.work_row2_left h2,.work_row3_left h2{
color: #215834;
line-height: 30px;
font-size: 35px;
font-weight: 700;
}
.work_row1_left .btn:hover {
background-color: #aed5af !important;
color: #215834 !important;
}
.work_row1_left .btn {
border: 2px solid #aed5af !important;
color: #aed5af !important;
}
.work_row2_right,.work_row3_right{
padding: 0px 40px;
}
.work_row2_left {
padding: 40px 0px;
}
.work_row2_left span{
color: #00b142;
font-size: 40px;
}
.work_row2_right p,.work_row3_right p{
color: #3d3936;
font-size: 18px;
line-height: 24px;
text-align: center;
}
.work_row2_left span{
color: #00b142;
text-transform: capitalize;
}
.work_row3_left {
max-width: 55%;
padding: 30px 0px;
}
.work_row3_left h2{
/* max-width: 69%; */
text-align: center;
  line-height: 46px;
}
.work_row3.d-flex{
background-color: #f5f7fa;
}

.accordion button{
box-shadow: none;
}

.work_row4{
padding: 80px 0px;
}

.work_row4 .btn-link {
font-weight: 500 !important;
color: #3d3936;
background-color: transparent;
text-decoration: none;
font-size: 20px;
}
.work_row4_left_title {
padding: 20px;
}
.work_row4 p{
font-size: 16px;
line-height: 26px;
}
.work_row5{
padding: 80px 150px 120px;
background-color: #f5f7fa;
}
.work_row5_left_title h2{
color: #215834;
font-size: 35px;
  font-weight: 700;
}
.work_row5_left_title{
padding  :30px 0px;
}
.work_row5_right li{
padding: 5px 0px;
display: list-item;
list-style: disc;
font-size: 16px;
}
.work_row5_right ul {
padding-left: 180px;
}
.work_row5_right h4 {
text-align: center;
}

/* work-with-uphire - end */

/* changing-job */

.toolkit_sub_page{
padding: 50px 150px 110px;
}
.toolkit_sub_page p{
font-size: 16px;
line-height: 23px;
color: #101c3f;
padding: 10px 0px;
}
.toolkit_sub_page span{
font-size: 18px;
line-height: 23px;
color: #00b142;
padding: 10px 0px;
font-weight: 600;
}

.first_letter::first-letter{
font-size: 25px;
font-weight: 600;
color: #00b142;
}

.toolkit_sub_page .img{
width: 80%;
/* height: 400px; */
}

.toolkit_sub_page li{
display: list-item;
list-style: circle inside;
padding: 5px 0px;
font-size: 16px;
color: #101c3f;
}

/* changing-job - end */

/* Employer */


/* .employer_bottom_right  .border_shape3 {
animation: employer_shape1 5s infinite !important;
} */
@keyframes employer_shape1{

0%{
  left: 0px;
  bottom: 217px;
}
34%{
  left: 0px;
  bottom: 463px;
}
68%{
  left: 561px;
  bottom: 463px;
}
100%{
  left: 561px;
  bottom: 282px;
}
}

/* .employer_bottom_right  .border_shape4 {
animation: employer_shape2 5s infinite !important;
} */
@keyframes employer_shape2{

0%{
right: 29px;
bottom: 282px;
}
34%{
right: 29px;
bottom: 102px;
}
68%{
right: 590px;
bottom: 102px;
}
100%{
right: 590px;
bottom: 217px;
}
}


.employer_top{
padding: 0px 155px;
}
.employer_top a{
color: #101c3f;
padding: 25px;
}
.employer_top a:hover{
color: #00b142;
}
.employer_bottom{
padding: 0px 0px 100px;
background-color: rgba(174, 213, 175,1.0);
}
.employer_col1 span {
color: #00b142;
}
.employer_bottom_left{
padding-left: 80px;
padding-right: 70px;
}
.employer_col1 h1{
color: #215834;
font-size: 45px;
font-weight: 700;
width: 100%;
}
.employer_col2 {
padding: 15px 0px;
}
.employer_col2 p{
color: #215834;
font-size: 16px;

}
.employer_bottom_right,.request_bottom_right {
padding: 120px 25px;
position: relative;
z-index: 0;
}
.col3_btn1 .btn{
border: 2px solid #215834;
background-color: transparent;
color: #215834;
}
.col3_btn1 .btn:hover{
background-color: #215834;
color: #fff;
}
/* Employer - end */

/* Request Callback */


/* .request_bottom_right  .border_shape3 {
animation: request_shape1 5s infinite !important;
} */
@keyframes request_shape1{

0%{
  left: -24px;
  bottom: 102px;
}
34%{
  left: -24px;
  bottom: 372px;
}
68%{
  left: 578px;
  bottom: 372px;
}
100%{
  left: 578px;
  bottom: 204px;
}
}

/* .request_bottom_right  .border_shape4 {
animation: request_shape2 5s infinite !important;
} */
@keyframes request_shape2{

0%{
right: -25px;
bottom: 210px;
}
34%{
right: -25px;
bottom: -18px;
}
68%{
right: 578px;
bottom: -18px;
}
100%{
right: 578px;
bottom: 101px;
}
}


.request_row2 {
padding: 50px 0px;
background-color: #f5f7fa;
}
.request_left{
text-align: center;
}
.request_left h2{
color: #215834;
font-weight: 600;
font-size: 30px;
}
.request_left span{
color: #00b142;
text-transform: capitalize;
}
.request_right {
padding: 28px 270px;
}
.request_right .form-control {
display: block;
width: 100%;
/* padding: 0px .75rem; */
font-size: 1rem;
line-height: 1.5;
/* color: #fff; */
background-clip: padding-box;
border: 1px solid #000;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.request_right input {
position: relative;
display: block;
width: 100%;
border: 1px solid rgba(0,0,0,.37);
border-radius: 4px;
background-color: transparent !important;
margin: 0px auto;
padding: 6px 4px 4px 14px;
/* height: 30px; */
outline: none !important;
font-size: 16px;
color: #101c3f;
transition: all .2s ease-in-out;
}
.form-group label {
position: absolute;
top: 7px; 
left: 25px;
text-align: left;
display: inline-block;
padding: 0 4px;
/* height: 14px; */
line-height: 14px;
font-size: 13px;
font-weight: 400;
background: transparent;
color: #101c3f;
margin: 0px auto;
cursor: text;
transition: all 0.3s ease-in-out;
}
.resume_upload span{
font-size: 14px;
line-height: 20px;
position: relative;
top: -10px;
font-weight: 600;
color: #101c3f;
}

textarea{
color: #00b142;
background-color: transparent !important; 
}
textarea:focus + label,textarea:valid + label { 
top: -8px !important;
color: #00b142;
font-weight: bold;
background-color: #fff;
font-size: 14px;
}
.checkbox a{
color: #00b142;
border-bottom: 2px solid transparent;
}
.checkbox a:hover{
border-bottom: 2px solid #00b142;
}
.checkbox label{
font-size: 14px !important;
padding-left: 5px !important;
color: #000 !important;
position: relative !important;
top: 3px !important;
background-color: transparent !important;
}

.request_main .btn-link {
height: 100%;
font-size: 15px;
white-space: break-spaces;
word-wrap: break-word;
}
.request_main .accordion p{
font-size: 16px;
line-height: 25px;
}
/* Request Callback - end */

/* Industries */

.industries_top{
padding: 0px 155px;
}
.industries_top a{
color: #101c3f;
padding: 25px;
}
.industries_top a:hover{
color: #00b142;
}
.industries_bottom{
background-color: #215834;
}
.industries_row2{
background-color: #f5f7fa ;
}
.industries_col2 p{
font-size: 18px;
}
.industries_row3,.industries_row4,.industries_row5,.industries_row6,.industries_row7{
padding: 0px;
background-color: #fff;
}
.industries_row3,.industries_row5,.industries_row7{
background-color: #215834 !important;
}
.industries_row3 h1,.industries_row5 h1,.industries_row7 h1{
color: #aed5af;
}
.industries_row3 p,.industries_row5 p,.industries_row7 p{
color: #fff;
}
.industries_col2 li{
padding: 5px 0px;
display: list-item;
list-style: auto inside;
font-size: 16px;
}
/* Industries - end */

/* Services */

.service_row3 {
margin-bottom: 70px;
}
.service_row2_title h2{
color: #215834;
font-size: 35px;
font-weight: 700;
}
.service_row2_sub p{
font-size: 16px;
color: #00411f;
}
.service_row3.pb-5 article:hover {
cursor: pointer;
}
.service_row3 .card {
display: grid;
place-items: center;
width: 80vw;
max-width: 100%;
height: 28.125rem;
overflow: hidden;
border-radius: 0.625rem;
box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
margin: 0px 10px;
}

.service_row3 h2 {
font-size: 2.25rem;
font-family: var(--font-title);
color: var(--white);
line-height: 1.1;
}

.service_row3 p {
font-family: var(--font-text);
font-size: 1rem;
line-height: 1.5;
color: var(--white);
}
.card__content p::-webkit-scrollbar{
display: none;
}
/* Services - end */

/* About us */


/* .about_row4 .border_shape4 {
animation: about_shape4 5s infinite !important;
} */
@keyframes about_shape4{

0%{
  right: 535px;
  bottom: 100px;
}
34%{
  right: 535px;
  bottom: 290px;
}
68%{
  right: 55px;
  bottom: 290px;
}
100%{
  right: 55px;
  bottom: 86px;
}
/* 100%{
 bottom: 172px;
 left: 568px;
} */
}

/* .about_row4 .border_shape3 {
animation: about_shape3 5s infinite !important;
} */
@keyframes about_shape3{

0%{
left: 535px;
bottom: 85px;
}
34%{
bottom: -20px;
left: 535px;
}
68%{
bottom: -20px;
left: 55px;
}
100%{
bottom: 100px;
left: 55px;
}

}


/* .about_row5 .border_shape4 {
animation: about_shape4 5s infinite !important;
} */
@keyframes about_shape4{

0%{
  right: 535px;
  bottom: 89px;
}
34%{
  right: 535px;
  bottom: 290px;
}
68%{
  right: 55px;
  bottom: 290px;
}
100%{
  right: 55px;
  bottom: 100px;
}
/* 100%{
 bottom: 172px;
 left: 568px;
} */
}

/* .about_row5 .border_shape3 {
animation: about_shape3 5s infinite !important;
} */
@keyframes about_shape3{

0%{
left: 535px;
bottom: 100px;
}
34%{
bottom: -20px;
left: 535px;
}
68%{
bottom: -20px;
left: 55px;
}
100%{
bottom: 89px;
left: 55px;
}

}

.about_row2{
background-color: #f5f7fa;
padding: 50px 0px;
}
.employer_col1 h5{
font-weight: 600;
color: #00b142;
letter-spacing: 3px;
}
.about_col2 p{
font-size: 17px;
}
.about_bottom_img img{
height: 500px;
position: relative;
left: -95px;
}
.box_img img{
width: 70px;
padding-top: 10px;
}
.about_row2_col2{
padding: 20px 10px ;
}
.about_row2_col2_row_box{
padding: 10px 25px;
border: 1px solid #d8d8d8;
border-radius: 10px;
background-color: #fff;
box-shadow: 0px 0px 10px 2px #c1c1c1;
height: 100%;
}
.box_title{
padding: 10px 0px;
}
.box_title h3{
font-weight: 600;
}
.box_sub{
padding-bottom: 10px;
font-size: 17px;
text-align: center;
}
.about_row2_col1 h1{
font-weight: 600;
color: #101c3f;
}
.about_row2_col1 p{
font-size: 17px;
color: #101c3f;
}

/* slider */

.about_row3{
padding: 50px 0px 100px;
}

#news-slider {
margin-top: 35px;
}
.post-slide {
background: #fff;
margin: 20px 15px 20px;
border-radius: 15px;
padding-top: 1px;
box-shadow: 0px 14px 22px -9px #bbcbd8;
}
.post-slide .post-img {
position: relative;
overflow: hidden;
border-radius: 10px;
margin: -12px 15px 8px 15px;
/* margin-left: -10px; */
}
.post-slide .post-img img {
width: 100%;
height: auto;
transform: scale(1, 1);
transition: transform 0.2s linear;
}
.post-slide:hover .post-img img {
transform: scale(1.1, 1.1);
}
.post-slide .over-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: linear-gradient(
  -45deg,
  rgba(6, 190, 244, 0.75) 0%,
  rgba(45, 112, 253, 0.6) 100%
);
transition: all 0.5s linear;
}
.post-slide:hover .over-layer {
opacity: 1;
text-decoration: none;
}
.post-slide .over-layer i {
position: relative;
top: 45%;
text-align: center;
display: block;
color: #fff;
font-size: 25px;
}
.post-slide .post-content {
background: #fff;
padding: 2px 20px 40px;
border-radius: 15px;
text-align: center;
}
.post-slide .post-title a {
font-size: 22px;
font-weight: 600;
color: #333;
display: inline-block;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover {
text-decoration: none;
color: #3498db;
}
.post-slide .post-description {
font-size: 17px;
line-height: 24px;
color: #808080;
margin-bottom: 25px;
}
.post-slide .post-date {
color: #a9a9a9;
font-size: 14px;
}
.post-slide .post-date i {
font-size: 20px;
margin-right: 8px;
color: #cfdace;
}
.post-slide .read-more {
padding: 7px 20px;
float: right;
font-size: 12px;
background: #2196f3;
color: #ffffff;
box-shadow: 0px 10px 20px -10px #1376c5;
border-radius: 25px;
text-transform: uppercase;
}
.post-slide .read-more:hover {
background: #3498db;
text-decoration: none;
color: #fff;
}
.owl-controls{
display: none !important;
}
.owl-controls .owl-buttons {
text-align: center;
margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
background: #fff;
position: absolute;
top: -13%;
left: 15px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
background: #fff;
position: absolute;
top: -13%;
right: 15px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
content: "\f104";
font-family: FontAwesome;
color: #333;
font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
@media only screen and (max-width: 1280px) {
.post-slide .post-content {
  padding: 0px 15px 25px 15px;
}
}

.about_row3_title h1{
font-weight: 600;
color: #101c3f;
}


.about_row6_title {
text-align: center;
}

.about_row6_title h6 {font-size: 15px;font-weight: 600;color: #00b142;letter-spacing: 0.5px;}

.about_row6_title h2 {
font-size: 40px;
font-weight: 800;
padding-bottom: 5px;
border-bottom: 3px solid;
color: #215834;
display: inline-block;
letter-spacing: 2px;
}

.about_row6_title {
padding: 40px;
}

.about_row6_sub {
font-size: 16px;
text-align: center;
padding: 0px 85px 40px;
}

.about_row6_sub span {
font-weight: 700;
color: #00b142;
letter-spacing: 0.5px;
}

.about_row6 {
padding: 50px 0px 20px;
}

.about_row7{
background-color: #f5f7fa;
padding: 70px 50px 120px;
}
.about_row7_title h2 {
font-size: 35px;
font-weight: 700;
color: #215834;
border-bottom: 3px solid;
display: inline-block;
margin-bottom: 25px;
}

.about_col1_title h2 {
font-size: 23px;
font-weight: 600;
color: #215834;
}

.about_col1_title span {
color: #00b142;
text-transform: capitalize;
border-bottom: 3px solid;
padding-bottom: 3px;
transition: all 0.3s linear;
}

.about_col1_sub {
font-size: 15px;
font-weight: 500;
}

.about_col1_title {
padding-bottom: 20px;
}

.about_col1 {
padding: 20px;
border-radius: 15px;
text-align: center;
transition: all 0.3s linear;
}
.about_col1:hover {
box-shadow: 0px 0px 23px -4px #00b142;
background-color: #00b142;
color: #fff;
}
.about_col1:hover > .about_col1_title h2 > span{
color: #fff !important;
}
/* About us - end */

/* Blog */

.blog_main {
padding-bottom: 80px;
}
.blog_row1{
position: relative;
padding: 50px 0px;
text-align: center;
}
.blog_row1 h1{
font-weight: 600;
color: #101c3f;
display: inline-block;
background-color: #fff;
padding: 0px 6px;
letter-spacing: 2px;
}
.line{
height: 3px;
width: 300px;
position: absolute;
top: 48%;
right: 38.5%;
z-index: -1;
/* background-color: #00b142; */
}

.blog_row2_right{
padding-bottom: 50px;
}

.block{
/* width: 78%; */
padding: 20px 10px;
background-color: #fff;
border: 2px solid #ecebeb;
box-shadow: 0px 0px 13px 5px #dedede;
transition: all 0.4s linear;
margin-bottom: 15px;
}
.block:hover {
box-shadow: none;
/* transform: scale(1.3); */
border: 2px solid #00b142;
}
.block:hover > .block_right .block_right_title h4 {
color: #00b142;
}
.block:hover > .block_right > .block_right_title > h4{
color: #00b142;
}
.block_img{
width: 86%;
padding: 0px 10px;
}
.block_right{
padding: 0px 10px;
}
.block_right_title h4{
font-weight: 600;
color: #215834;
font-size: 20px;
letter-spacing: 1px;
transition: all 0.4s linear;
}
.block_right_sub p{
color: #000;
font-size: 15px;
padding-top: 18px;
}

.blog_row2_left_top_title h3 {
color: #215834;
font-weight: 700;
}

.blog_row2_left_top_sub input {
width: 100%;
}

.blog_row2_left_top_sub .form-group {
max-width: 100%;
padding: 0px;
margin: 15px 0px;
}

.blog_row2_left_top_btn .btn {
background-color: #215834;
color: #fff;
width: 100%;
font-size: 16px;
letter-spacing: 1px;
}

.blog_row2_left_top_btn .btn:hover {
background-color: #00b142;
}

.blog_row2_left_top {
text-align: center;
}

.blog_row2_left_bottom .btn-link{
color: #215834;
font-size: 17px;
letter-spacing: 1px;
}
.blog_row2_left_bottom .btn-link:hover,.blog_row2_left_bottom .btn-link:focus{
background-color: transparent;
color: #00b142;
}
.blog_row2_left_bottom .card-header{
background-color: #fff;
}
#accordionExample{
width: 100%;
}
.blog_row2_left_bottom .card{
border: none;
}

.blog_row2_left_bottom .checkbox label{
font-size: 17px !important;
padding-left: 5px !important;
color: #000 !important;
position: relative !important;
top: -2px !important;
background-color: transparent !important;
font-weight: 400;
}
.blog_row2_left_bottom .checkbox label::first-letter{
text-transform: uppercase;
}


.blog_row2_left_bottom .card-body li{
list-style: none !important;
padding: 0px;
width: 100%;
}
.blog_row2_left {
padding-left: 40px;
}
/* Blog - end */

/* hire developer */

.developer_main {
padding-bottom: 60px;
}
.developer_row1 {
padding: 50px;
}
.developer_row1_title h1 {
font-weight: 600;
color: #101c3f;
padding-bottom: 10px;
letter-spacing: 1px;
}

.developer_row1_title h1:first-letter {
font-size: 60px;
color: #00b142;
}

.developer_row1_sub p {
font-size: 17px;
line-height: 26px;
margin-bottom: 10px;
}

.developer_row1_btn {
padding: 10px 0px;
}

.developer_row1_btn .btn {
background-color: #215834;
color: #fff;
}

.developer_row1_btn .btn:hover {
background-color: #00b142;
}

.developer_row2 {
padding: 120px 75px;
background-color: #f5f7fa;
}

.developer_row2_title h2 {
font-weight: 600;
color: #101c3f;
letter-spacing: 1px;
padding-bottom: 10px;
}

.developer_row2_title h2:first-letter {
font-size: 45px;
color: #00b142;
}
.developer_row2_title span{
color: #00b142;
}

.developer_row2_sub p {
font-size: 16px;
padding-bottom: 10px;
line-height: 23px;
}

.developer_row3 {
padding: 80px 80px;
}

.developer_row3_title h2 {
font-weight: 600;
padding: 15px 0px;
color: #101c3f;
letter-spacing: 1px;
}
.developer_row3_title span {
color: #00b142;
}

.developer_row3_title h2:first-letter {
font-size: 40px;
color: #00b142;
}

.developer_row3_title {
text-align: center;
}

.developer_row3_sub_row1_left_title h3 {
font-weight: 600;
color: #00b142;
}

.developer_row3_sub_row1_left_sub p {
color: #101c3f;
font-size: 16px;
padding: 10px 0px 60px;
}

.developer_row3_sub_row1_left_btn .btn {
height: auto;
width: 100%;
background-color: #00b142;
font-size: 16px;
color: #fff;
box-shadow: none;
border: 2px solid;
}

.developer_row3_sub_row1_left_btn .btn:hover {
background-color: #fff;
color: #00b142;
border: 2px solid;
}

.developer_row3_sub_row1.d-flex {
padding: 20px 0px;
}

.developer_row3_sub_row1:nth-child(even){
flex-direction: row-reverse;
}


.developer_row4{
padding: 50px;
}

.developer_row4_title h2{
font-weight: 600;
color: #101c3f;
padding: 10px 0px;
}
.developer_row4_title h2::first-letter{
font-size: 40px;
color: #00b142;
}
.developer_row4_title p{
color: #101c3f;
font-size: 16px;
}

.developer_row4_sub_sub li {
padding: 7px 0px;
display: flex;
font-size: 14px;
color: #101c3f;
}

.developer_row4_sub_sub li span {
margin-right: 5px;
color: #00b142;
}
.developer_row4_sub {
padding: 40px 20px;
}
.developer_row4_sub_title_right{
/* background-color: rgb(128 128 128 / 11%); */
background-color: #f5f7fa;
padding: 20px 10px;
display: flex;
align-items: center;
}
.developer_row4_sub_title_right h4 {
color: #00b142;
font-weight: 600;
}
.developer_row4_sub_title_left img {
width: 70%;
}
.developer_row4_sub_title_left {
background-color: #dedddd;
padding: 10px;
display: flex;
justify-content: center;
}
.developer_row4_sub_sub {
padding: 5px 0px 5px 39px;
}

.developer_row4_sub_box {
padding: 0px;
box-shadow: 0px 0px 23px 6px rgb(112 112 112 / 29%);
}
.developer_row4_title span{
color: #00b142;
}

.developer_row5 {
margin: 50px 100px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
border-radius: 7px;
padding: 20px 0px;
}

.developer_row5_title h2 {
font-weight: 600;
padding: 10px 0px;
letter-spacing: 1px;
}
.developer_row5_title h2::first-letter{
font-size: 40px;
color: #00b142;
}
.developer_row5_title span{
color: #00b142;
}
.developer_row5_sub p {
font-size: 15px;
color: #101c3f;
padding-bottom: 15px;
}

.developer_row5_form {
padding: 20px 223px;
}

.developer_row5_form .form-group {
margin-bottom: 15px;
}

.developer_row5_form_btn .btn {
background-color: #215834;
color: #ffff;
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
}

.developer_row5_form_btn .btn:hover {
  background-color: #00b142;
  color: #fff;
}

.developer_row5_form_btn {
display: flex;
justify-content: center;
width: 100%;
padding: 10px;
}



/* hire deveoper -end */

/* home page */
/* @keyframes home_shape1{

0%{
 bottom: 101px;
 left: 101px;
}
34%{
 bottom: 356px;
 left: 101px;
}
68%{
  bottom: 356px;
  left: 486px;
}
100%{
  bottom: 167px;
  left: 486px;
}
}

@keyframes home_shape2{

0%{
bottom: 167px;
right: 107px;
}
34%{
bottom: -22px;
right: 107px;
}
68%{
 bottom: -22px;
 right: 484px;
}
100%{
bottom: 110px;
right: 484px;
}
} */

@keyframes home_shape1{

0%{
  bottom: 28%;
  left: 16%;
}
34%{
  bottom: 93%;
  left: 16%;
}
68%{
  bottom: 93%;
  left: 76%;
}
100%{
  bottom: 43%;
  left: 76%;
}
}

@keyframes home_shape2{

0%{
bottom: 43%;
right: 16%;
}
34%{
bottom: -5%;
right: 16%;
}
68%{
bottom: -5%;
right: 76%;
}
100%{
bottom: 28%;
right: 76%;
}
}

/* .banner_row3 .border_shape4 {
animation: home2_shape1 5s infinite;
} */
@keyframes home2_shape1{

0%{
  bottom: 167px;
  right: 487px;
}
34%{
  bottom: 353px;
  right: 487px;
}
68%{
  bottom: 353px;
  right: 107px;
}
100%{
  bottom: 100px;
  right: 105px;
}
/* 100%{
 bottom: 172px;
 left: 568px;
} */
}

/* .banner_row3 .border_shape3 {
animation: home2_shape2 5s infinite ;
} */
@keyframes home2_shape2{

0%{
bottom: 100px;
left: 485px;
}
34%{
bottom: -22px;
left: 485px;
}
68%{
bottom: -22px;
left: 104px;
}
100%{
bottom: 167px;
left: 104px;
}
/* 100%{
 bottom: 92px;
 right: 569px;
} */
}

@keyframes slideOut {
from {
  transform: translateY(0);
}
to {
  transform: translateY(-100%);
}
}
/* @keyframes fade {
from {
  opacity: 1;
}
to {
  opacity: 0;
}
} */
#loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 3;
}
#loader .loader-slide {
width: 100%;
height: 100%;
}

#app {
position: relative;
width: 100%;
height: auto;
background-repeat: no-repeat;
top: -50px;
}
#app h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #a8aabc;
font-size: 3em;
}
.loader_img img{
/* width: 50%;
height: 65%; */
width: 15%;
height: 20%;
/* animation: loader_anime 3.5s forwards !important; */
}

.loader_img span{
animation: loader_anime 3.5s forwards !important;
}
.loader_img {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
position: absolute;
text-align: center;
}
@keyframes loader_anime {
0%{
  /* transform: scale(1); */
  opacity: 1; 
  
}
20%{
  /* transform: scale(1.1); */
  opacity: 0.5;

}
40%{
  /* transform: scale(1.1); */
  opacity: 1;

}
60%{
  /* transform: scale(1.1); */
  opacity: 0.5;
}
80%{
  /* transform: scale(1.1); */
  opacity: 1;

}
100%{
  /* transform: scale(1); */
  opacity: 0.5;
}
}
.loader_img.remove {
animation-name: slideOut;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 3s;
}
#loader .loader-slide .bar1.open {
animation-name: slideOut;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 2s;
}
#loader .loader-slide .bar2.open {
animation-name: slideOut;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 2.2s;
}
#loader .loader-slide .bar3.open {
animation-name: slideOut;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 2.4s;
}
#loader .loader-slide .bar4.open {
animation-name: slideOut;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 2.6s;
}
#loader .loader-slide .bar5.open {
animation-name: slideOut;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 2.8s;
}
#loader .loader-slide .bar6.open {
animation-name: slideOut;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 3s;
}
#loader.open {
animation-name: slideOut;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 2.5s;
}
.bar1,.bar2,.bar3,.bar4,.bar5,.bar6{
/* background-color: #00531f; */
background-color: #00411f;
}
.banner_curv{
/* background-color: #47433f; */
background-color: #f7f5fa;
/* background-color: #000; */ 
  height: 300px;
  width: 1380px;
  border-bottom-right-radius: 120px;
  transform: skewy(-4deg);
  transform-origin: 0 0;
  position: relative;
  top: -99px;
  right: 99px;
  z-index: -1;
  overflow: hidden;
}
.banner_row{
padding: 80px 35px 80px 55px;
/* margin-top: -177px; */
overflow: hidden;
width: 100%;
z-index: 2;
/* background-color: #f5f7fa; */
}
.banner_col2_top {
padding-bottom: 60px;
}
.banner_row .btn{
padding: 0px 10px;
height: 32px;
}
.banner_col1_box ,.banner_col2_top_col,.banner_col2_bottom_col,.banner_col3_box{
/* border: 1px solid rgb(0 0 0 / 20%); */
border-radius: 10px;
padding: 15px;
transition: all 0.4s linear;
background-color: transparent;
}
.banner_col1_box:hover ,.banner_col2_top_col:hover,.banner_col2_bottom_col:hover,.banner_col3_box:hover{
/* border-color: #00b142; */
/* box-shadow: 0px 0px 15px 2px #a1a1a1; */
box-shadow: 0px 0px 14px 0px #06ab00;
}
.banner_col1_box:hover > .btn ,.banner_col2_top_col:hover > .btn,.banner_col2_bottom_col:hover > .bottom_btn > .btn,.banner_col3_box:hover > .btn{
background-color: #00b142 !important;
color: #fff !important;
border-color: #00b142 !important;
}

#app h3 {
font-weight: 600;
color: #215834;
font-size: 27px ;
}

#app p {
color: #3d3936;
font-size: 15px;
padding: 5px 0px;
}

#app .btn {
margin-top: 5px;
box-shadow: none;
background: #00411f;
border: 1px solid #00411f;
color: #fff;
/* width: 100%; */
}

.roll-in {
animation: roll-in 2.5s ease;
animation-delay: 1s;

}
@keyframes roll-in {
0% {
  opacity: 0;
  transform: translateX(-150%) rotate(-120deg);
}
100% {
  opacity: 1;
  transform: translateX(0px) rotate(0deg);
}
}
.roll-in-right {
animation: roll-in-right 2.5s ease;
animation-delay: 1s;
}
@keyframes roll-in-right {
0% {
  opacity: 0;
  transform: translateX(150%) rotate(120deg);
}
100% {
  opacity: 1;
  transform: translateX(0px) rotate(0deg);
}
}
.bounce-in-top {
animation: bounce-in-top 3s ease;
animation-delay: 1s;
}
@keyframes bounce-in-top {
0% {
  opacity: 0;
  transform: translateY(-2000px);
}
60% {
  opacity: 1;
  transform: translateY(30px);
}
80% { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
.bounce-in-bottom {
animation: bounce-in-bottom 3s ease;
animation-delay: 1s;
}
@keyframes bounce-in-bottom {
0% {
  opacity: 0;
  transform: translateY(2000px);
}
60% {
  opacity: 1;
  transform: translateY(-30px);
}
80% { transform: translateY(10px); }
100% { transform: translateY(0); }
}

.banner_row2_right_img {
display: flex;
justify-content: center;
}

.banner_row2_right_img img {
width: 60%;
border-radius: 25px;
}
.banner_row2_left{
display: flex;
flex-direction: column;
padding: 0px 72px 0px 80px !important;
justify-content: center;
}

.banner_row2_left_title h2 {
color: #215834;
font-weight: 700;
font-size: 40px;
}

.banner_row2_left_sub p {
font-weight: 400;
font-size: 16px !important;
padding: 22px 0px !important;
}

.banner_row2_left_btn a {
padding: 0px 15px;
}
.banner_row2_left_btn a:hover {
color: #00b142;
}
.banner_row2_left_btn a:hover > i{
color: #00b142;
left: 7px;
animation: icon 0.5s forwards;
}
@keyframes icon{
to{
  left: 7px;
}
from{
  left: 0px;
}
}
.banner_row2_left_btn .btn:hover ,.banner_row4_btn .btn:hover{
background-color: #00b142 !important;
color: #fff !important;
}

.banner_row2_left_btn {
display: flex;
align-items: center;
}
.banner_row2_left_btn i {
color: #333333 ;
position: relative;
/* padding: 0px 15px; */
}
.banner_row2 {
padding: 100px 0px;
}
.banner_row3,.about_row4,.about_row5{
flex-direction: row-reverse;
background-color: #f5f7fa;
padding: 100px 0px;
position: relative;
z-index: -2;
}

.banner_row4_title h2{
font-weight: 600;
font-size: 35px;
}
.banner_row4_btn2 .btn {border-radius: 50px;width: 220px;height: 50px;}

.banner_row4_btn2 .btn:hover {
  background-color: #000!important;
}
/* .aks-vp-range-buffer,.aks-vp-range-handler,.aks-vp-voice-slider-buffer{
background: #00b142 !important;
}
svg:not(:root) {
overflow: hidden;
color: #00b142 !important;
transform: rotate(180deg);
}
.aks-vp-btn:hover {
color: #fff !important;
}
.aks-vp-voice:hover .aks-vp-btn {
color: #00b142 !important;
}
.aks-video-player{
border-radius: 0px;
} */
.banner_row4_sub p {
margin: 15px 0px;
}
.banner_row4_video{
padding-top: 30px;
width: 45%;
height: 45%;
}
.banner_row4 {
padding: 60px 0px 30px;
}



#video {
width: 100%;
height: auto;
margin: auto;
margin: 20px 0px;
position: relative;
}

video {
width: 100.2%;
height: auto;
cursor: pointer;
}

/*Spinner load*/
/* .poster {
width: 38px;
height: 38px;
position: absolute;
top: 200px;
left: 50%;
transform: rotateZ(45deg);
}

.poster .cube {
position: relative;
transform: rotateZ(45deg);
}

.poster .cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
}

.poster .cube:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(43,160,199);
animation: cube 1.08s infinite linear both;
transform-origin: 100% 100%;
}

.poster .c2 {
transform: scale(1.1) rotateZ(90deg);
}

.poster .c3 {
transform: scale(1.1) rotateZ(180deg);
}

.poster .c4 {
transform: scale(1.1) rotateZ(270deg);
}

.poster .c2:before {
animation-delay: 0.135s;
}

.poster .c3:before {
animation-delay: 0.27s;
}

.poster .c4:before {
animation-delay: 0.405s;
}

@keyframes cube {
0%, 10% {
  transform: perspective(70px) rotateX(-180deg);
  opacity: 0;
}

25%, 75% {
  transform: perspective(70px) rotateX(0deg);
  opacity: 1;
}

90%, 100% {
  transform: perspective(70px) rotateY(180deg);
  opacity: 0;
}
}

@keyframes bg-pan-top {
0% {
  background-position: 0% 50%;
}
50% {
  background-position: 50% 100%;
}
100% {
  background-position: 0% 50%;
}
} */

.square_shape1 {
width: 50px;
height: 100px;
border-top: 5px solid #215834;
border-left: 5px solid #215834;
position: absolute;
top: -21px;
left: -21px;
}

.square_shape2 {
width: 50px;
height: 100px;
border-bottom: 5px solid #215834;
border-right: 5px solid #215834;
position: absolute;
bottom: -21px;
right: -21px;
}
/* .banner_row5 {
background-image: url('./../images/image207.png');
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 206px;
} */

/* home page - end */

/* hire recruiter */

.recruiter_row1{
background-image: url('./../images/hunt.jpeg');
background-repeat: no-repeat;
background-size: cover;
}

.recruiter_row1_title h1{
font-weight: 800;
letter-spacing: 1px;
padding-bottom: 20px;
position: relative;
line-height: 40px;
font-size: 40px;
color: #215834;
}
.recruiter_row1_title h2 {
font-weight: 600;
color: #fff;
}
.recruiter_row1_title span{
font-weight: 600;
color: #00b142;
}
.recruiter_row1_title {
padding: 180px 95px 180px 660px;
}
.recruiter_row2_title h3{
margin-bottom: 0px;
font-size: 20px;
font-weight: 600;
color: #101c3f;
}
.recruiter_row2_title a{
color: #00b142;
font-size: 20px;
}
.recruiter_row2_bottom_box_top2 ul {
padding: 0px 5px 0px 15px;
}
.recruiter_row2_title a:hover{
text-decoration: underline;
}
.recruiter_row2_title{
padding: 40px 0px;
background-color: #e6f4ff;
}
.recruiter_row2_bottom_box_top2 li{
padding: 7px 0px;
display: list-item;
list-style: circle;
font-size: 15px;
}
.recruiter_row2_bottom_box_top h3{
font-weight: 600;
color: #fff;
letter-spacing: 2px;
}
.recruiter_row2_bottom_box_top p{
font-size: 14px;
color: #fff;
}
.recruiter_row2_bottom_col {
padding: 20px;
}

.recruiter_row2_bottom_box {
border: 1px solid #00b142;
height: 100%;
}

.recruiter_row2_bottom_box_top {
text-align: center;
padding: 20px 0px;
background-color: #00b142;
}

.recruiter_row2_bottom_box_top2 {
padding: 20px;
}

::marker {
color: #00b142;
}

.recruiter_row2_bottom_box_top2_btn .btn {
border: 1px solid #00b142;
color: #00b142;
/* box-shadow: 5px 5px 10px 0px #00b142; */
background-color: #fff;
}

.recruiter_row2_bottom_box_top2_btn .btn:hover {
background-color: #00b142;
color: #fff;
/* box-shadow: none; */
}
.recruiter_row2_bottom_box_top2_btn{
text-align: center;
}
.recruiter_row2_title .btn{
background-color: transparent;
color: #00b142;
box-shadow: none;
font-size: 20px;
padding: 0px;
}
.recruiter_row3_right_img img {
height: 500px;
}
.recruiter_row3_left_title h2 {
font-weight: 600;
padding-bottom: 10px;
letter-spacing: 1px;
color: #00b142;
}

.recruiter_row3_left_sub p {
font-size: 16px;
margin-bottom: 10px;
}

.recruiter_row3_left.col-lg-6 {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0px 70px;
}

.recruiter_row4{
padding: 50px 0px;
}
.recruiter_row3.d-flex {
background-color: #f5f7fa;
}


.recruiter_row5_title {
text-align: center;
padding: 10px 0px;
}
.recruiter_row5_sub ul {
padding: 0px 175px;
}

.recruiter_row5_sub li {
padding: 6px 0px;
display: list-item;
list-style: square inside;
font-size: 15px;
}

.recruiter_row5 {
padding: 50px 130px 110px;
}

.recruiter_row5_sub p {
font-size: 15px;
text-align: center;
padding: 10px 85px;
}

.recruiter_row5_title h2 {
font-weight: 600;
letter-spacing: 1px;
color: #00b142;
}

.recruiter_row5_sub p:first-letter {
color: #00b142;
font-weight: 600;
font-size: 18px;
letter-spacing: 1px;
}
/* hire recruiter -end */


/* Executive search */

.executivesearch_right_img video {
width: 100%;
height: 500px;
cursor: auto;
}
.executivesearch_left {
padding: 0px 60px;
}
.executivesearch_left_title h2 {
font-size: 45px;
font-weight: 700;
color: #215834;
}

.executivesearch_left_title h4 {
font-weight: 600;
letter-spacing: 1px;
}

.executivesearch_left.col-lg-6 {
display: flex;
flex-direction: column;
justify-content: center;
}

.executivesearch_row1 {
padding: 30px 0px 80px;
background-color: #fef4f3;
}

.executivesearch_left_sub {
font-size: 17px;
padding: 20px 0px;
}

.executivesearch_left_btn .btn {
background-color: #215834;
color: #fff;
width: 150px;
font-size: 14px;
}

.executivesearch_left_btn .btn:hover {
background-color: #00b142;
}
.executivesearch_row2 {
padding: 80px 0px 140px;
}
.executivesearch_row2 li {
display: list-item;
padding: 10px 0px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.executivesearch_row2 li::after{
content: '';
position: absolute;
background: rgb(0 177 66 / 41%);
width: 18px;
height: 18px;
left: -38px;
border-radius: 50%;
top: 14px;
z-index: -2;
}
.executivesearch_row2 li::before{
content: '';
position: absolute;
top: 15px;
left: -32px;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 15px;
height: 6px;
transform: rotate(-45deg);
z-index: -1;
}
.executivesearch_row2_title h2 {
font-size: 35px;
font-weight: 700;
}

.executivesearch_row2_title {
width: 49%;
text-align: center;
padding: 20px 0px;
}

.executivesearch_row2_title span {
color: #00b142;
font-size: 45px;
}

.executivesearch_row3_bottom_img img {
width: 200px;
height: 200px;
border-radius: 50%;
transition: all 0.4s linear;
}

.executivesearch_row3_bottom_img {
display: flex;
justify-content: center;
}

.executivesearch_row3_bottom_box {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0px 0px;
height: 100%;
border-radius: 10px;
cursor: pointer;
}
/* .executivesearch_row3_bottom_box:hover{
border: 1px solid #0009;
} */
.executivesearch_row3_bottom_box:hover > .executivesearch_row3_bottom_sub{
box-shadow: 0px 0px 10px 0px #0009;

}
.executivesearch_row3_bottom_box:hover > .executivesearch_row3_bottom_img img{
box-shadow: 0px 0px 10px 4px #0009;
}
.executivesearch_row3_bottom_col {
padding: 15px;
}
.executivesearch_row3_bottom_title {
padding: 10px 0px;
}
.executivesearch_row3_bottom_title h4 {
font-size: 25px;
font-weight: 700;
color: #215834;
}
.executivesearch_row3_bottom_sub {
font-size: 15px;
text-align: left;
padding: 10px;
box-shadow: 0px 0px 0px 0px #0009;
border-radius: 10px;
transition: all 0.4s linear;
}

.executivesearch_row3_bottom_title {
padding: 10px 0px;
}

.executivesearch_row3_title h2 {
font-size: 30px;
font-weight: 700;
}

.executivesearch_row3_sub {
font-size: 16px;
padding: 10px 0px;
}
.executivesearch_row3_title span {
color: #00b142;
}
.executivesearch_row4{
padding: 100px 0px 150px;
}
.executivesearch_row4_title h2 {
font-size: 35px;
font-weight: 700;
}

.executivesearch_row4_sub {
font-size: 16px;
font-weight: 500;
padding: 15px 0px;
}

.executivesearch_row4_btn .btn {
background-color: #215834;
color: #fff;
}

.executivesearch_row4_btn .btn:hover {
background: #00b142;
}
.executivesearch_row4_title span {
color: #00b142;
}
/* Executive search - end */

/* Parmanent recruitment */


/* .permenantrecruit_right .border_shape3 {
animation: permenant_shape1 5s infinite !important;
} */
@keyframes permenant_shape1{

0%{
  left: -10px;
  bottom: 87px;
}
34%{
  bottom: 360px;
  left: -10px;
}
68%{
  bottom: 360px;
  left: 573px;
}
100%{
  bottom: 186px;
  left: 573px;
}
}

/* .permenantrecruit_right  .border_shape4 {
animation: permenant_shape2 5s infinite !important;
} */
@keyframes permenant_shape2{

0%{
bottom: 186px;
right: -8px;
}
34%{
right: -8px;
bottom: -20px;
}
68%{
right: 574px;
bottom: -20px;
}
100%{
right: 574px;
bottom: 87px;
}
}

.permenantrecruit_right_img video {
width: 100%;
height: 500px;
cursor: auto;
}
.permenantrecruit_left {
padding: 0px 50px;
}
.permenantrecruit_right_img img {
border-radius: 25px;
}
.permenantrecruit_left_title h2 {
font-size: 45px;
font-weight: 700;
color: #215834;
}

.permenantrecruit_left_title h4 {
font-weight: 600;
letter-spacing: 1px;
}

.permenantrecruit_left.col-lg-6 {
display: flex;
flex-direction: column;
justify-content: center;
}

.permenantrecruit_row1 {
padding: 50px 25px 80px;
}

.permenantrecruit_left_sub {
font-size: 17px;
padding: 20px 0px;
}

.permenantrecruit_left_btn .btn {
background-color: #215834;
color: #fff;
width: 150px;
font-size: 14px;
}

.permenantrecruit_left_btn .btn:hover {
background-color: #00b142;
}
.permenantrecruit_row2 {
padding: 80px 0px 140px;
}
.permenantrecruit_row2 li {
display: list-item;
padding: 10px 0px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.permenantrecruit_row2 li::after{
content: '';
position: absolute;
background: rgb(0 177 66 / 41%);
width: 18px;
height: 18px;
left: -38px;
border-radius: 50%;
top: 14px;
z-index: -2;
}
.permenantrecruit_row2 li::before{
content: '';
position: absolute;
top: 15px;
left: -32px;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 15px;
height: 6px;
transform: rotate(-45deg);
z-index: -1;
}
.permenantrecruit_row2_title h2 {
font-size: 35px;
font-weight: 700;
}

.permenantrecruit_row2_title {
width: 42%;
text-align: center;
padding: 20px 0px;
}

.permenantrecruit_row2_title span {
color: #00b142;
font-size: 45px;
}

.permenantrecruit_row3_bottom_box:hover > .permenantrecruit_row3_bottom_sub,.staffing_row3_bottom_box:hover > .staffing_row3_bottom_sub,.rpo_msp_row3_bottom_box:hover > .rpo_msp_row3_bottom_sub,.payroll_row3_bottom_box:hover > .payroll_row3_bottom_sub,.temporarystaff_row3_bottom_box:hover > .temporarystaff_row3_bottom_sub,.ats_page_row3_bottom_box:hover > .ats_page_row3_bottom_sub,.vendor_row3_bottom_box:hover > .vendor_row3_bottom_sub{
box-shadow: 0px 0px 10px 0px #0009;
}
.permenantrecruit_row3_bottom_box:hover > .permenantrecruit_row3_bottom_img img,.staffing_row3_bottom_box:hover > .staffing_row3_bottom_img img,.rpo_msp_row3_bottom_box:hover > .rpo_msp_row3_bottom_img img,.payroll_row3_bottom_box:hover > .payroll_row3_bottom_img img,.temporarystaff_row3_bottom_box:hover > .temporarystaff_row3_bottom_img img,.ats_page_row3_bottom_box:hover > .ats_page_row3_bottom_img img,.vendor_row3_bottom_box:hover > .vendor_row3_bottom_img img{
box-shadow: 0px 0px 10px 4px #0009;
}

.permenantrecruit_row3_bottom_img img {
width: 200px;
height: 200px;
border-radius: 50%;
}

.permenantrecruit_row3_bottom_img {
display: flex;
justify-content: center;
}

.permenantrecruit_row3_bottom_box {
display: flex;
flex-direction: column;
align-items: center;
border-radius: 10px;
}

.permenantrecruit_row3_bottom_col {
padding: 33px;
}
.permenantrecruit_row3_bottom_title {
padding: 10px 0px;
}
.permenantrecruit_row3_bottom_title h4 {
font-size: 25px;
font-weight: 700;
color: #215834;
}
.permenantrecruit_row3_bottom_sub {
font-size: 15px;
text-align: left;
padding: 10px;
box-shadow: 0px 0px 0px 0px #0009;
border-radius: 10px;
transition: all 0.4s linear;
}

.permenantrecruit_row3_bottom_title {
padding: 10px 0px;
}

.permenantrecruit_row3_title h2 {
font-size: 30px;
font-weight: 700;
}

.permenantrecruit_row3_sub {
font-size: 16px;
padding: 10px 0px;
}
.permenantrecruit_row3_title span {
color: #00b142;
}
.permenantrecruit_row4{
padding: 100px 0px 150px;
}
.permenantrecruit_row4_title h2 {
font-size: 35px;
font-weight: 700;
color: #215834;
}

.permenantrecruit_row4_sub {
font-size: 16px;
font-weight: 500;
padding: 15px 0px;
}

.permenantrecruit_row4_btn .btn {
background-color: #215834;
color: #fff;
}

.permenantrecruit_row4_btn .btn:hover {
background: #00b142;
}
.permenantrecruit_row4_title span {
color: #00b142;
}
/* Parmanent recruitment  - end */

/* Staffing Solution */

/* .staffing_right .border_shape3 {
animation: staffing_shape1 5s infinite !important;
} */
@keyframes staffing_shape1{

0%{
  left: 49px;
  bottom: 101px;
}
34%{
  left: 49px;
  bottom: 438px;
}
68%{
  left: 515px;
  bottom: 438px;
}
100%{
  left: 515px;
  bottom: 246px;
}
}

/* .staffing_right  .border_shape4 {
animation: staffing_shape2 5s infinite !important;
} */
@keyframes staffing_shape2{

0%{
bottom: 246px;
right: 49px;
}
34%{
bottom: -20px;
right: 49px;
}
68%{
bottom: -20px;
right: 515px;
}
100%{
bottom: 101px;
right: 515px;
}
}

.staffing_right_img video {
width: 100%;
height: 500px;
cursor: auto;
}
.staffing_left {
padding: 0px 50px;
}
.staffing_right_img img {
border-radius: 25px;
width: 80%;
}
.staffing_left_title h2 {
font-size: 45px;
font-weight: 700;
color: #215834;
}

.staffing_left_title h4 {
font-weight: 600;
letter-spacing: 1px;
}

.staffing_left.col-lg-6 {
display: flex;
flex-direction: column;
justify-content: center;
}

.staffing_row1 {
padding: 50px 25px 80px;
}

.staffing_left_sub {
font-size: 17px;
padding: 20px 0px;
}

.staffing_left_btn .btn {
background-color: #215834;
color: #fff;
width: 150px;
font-size: 14px;
}

.staffing_left_btn .btn:hover {
background-color: #00b142;
}
.staffing_row2 {
padding: 80px 0px 140px;
}
.staffing_row2 li {
display: list-item;
padding: 10px 0px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.staffing_row2 li::after{
content: '';
position: absolute;
background: rgb(0 177 66 / 41%);
width: 18px;
height: 18px;
left: -38px;
border-radius: 50%;
top: 14px;
z-index: -2;
}
.staffing_row2 li::before{
content: '';
position: absolute;
top: 15px;
left: -32px;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 15px;
height: 6px;
transform: rotate(-45deg);
z-index: -1;
}
.staffing_row2_title h2 {
font-size: 35px;
font-weight: 700;
}

.staffing_row2_title {
width: 42%;
text-align: center;
padding: 20px 0px;
}

.staffing_row2_title span {
color: #00b142;
font-size: 45px;
}

.staffing_row3_bottom_img img {
width: 200px;
height: 200px;
border-radius: 50%;
}

.staffing_row3_bottom_img {
display: flex;
justify-content: center;
}

.staffing_row3_bottom_box {
display: flex;
flex-direction: column;
align-items: center;
}

.staffing_row3_bottom_col {
padding: 33px;
}
.staffing_row3_bottom_title {
padding: 10px 0px;
}
.staffing_row3_bottom_title h4 {
font-size: 25px;
font-weight: 700;
color: #215834;
}
.staffing_row3_bottom_sub {
font-size: 15px;
text-align: left;
padding: 10px;
box-shadow: 0px 0px 0px 0px #0009;
border-radius: 10px;
transition: all 0.4s linear;
}

.staffing_row3_bottom_title {
padding: 10px 0px;
}

.staffing_row3_title h2 {
font-size: 30px;
font-weight: 700;
}

.staffing_row3_sub {
font-size: 16px;
padding: 10px 0px;
}
.staffing_row3_title span {
color: #00b142;
}
.staffing_row4{
padding: 100px 0px 150px;
}
.staffing_row4_title h2 {
font-size: 35px;
font-weight: 700;
color: #215834;
}

.staffing_row4_sub {
font-size: 16px;
font-weight: 500;
padding: 15px 0px;
}

.staffing_row4_btn .btn {
background-color: #215834;
color: #fff;
}

.staffing_row4_btn .btn:hover {
background: #00b142;
}
.staffing_row4_title span {
color: #00b142;
}
/* Staffing Solution  - end */

/* RPO MSP Solution */


/* .rpo_msp_right .border_shape3 {
animation: rpo_msp_shape1 5s infinite !important;
} */
@keyframes rpo_msp_shape1{

0%{
  left: -7px;
  bottom: 101px;
}
34%{
  left: -7px;
  bottom: 345px;
}
68%{
  left: 575px;
  bottom: 345px;
}
100%{
  left: 575px;
  bottom: 160px;
}
}

/* .rpo_msp_right  .border_shape4 {
animation: rpo_msp_shape2 5s infinite !important;
} */
@keyframes rpo_msp_shape2{

0%{
bottom: 160px;
right: -10px;
}
34%{
bottom: -20px;
right: -10px;
}
68%{
bottom: -20px;
right: 572px;
}
100%{
bottom: 101px;
right: 572px;
}
}

.rpo_msp_row2_sub.d-flex {
width: 100%;
padding: 20px 0px;
}
.rpo_msp_row2_sub ul {
padding: 0px 60px 0px 130px;
}
.rpo_msp_row2_sub_left_title h3,.rpo_msp_row2_sub_right_title h3 {
font-weight: 700;
color: #215834;
font-size: 24px;
padding-bottom: 10px ;
}
.rpo_msp_right_img video {
width: 100%;
height: 500px;
cursor: auto;
}
.rpo_msp_left {
padding: 0px 50px;
}
.rpo_msp_right_img img {
border-radius: 25px;
}
.rpo_msp_left_title h2 {
font-size: 45px;
font-weight: 700;
color: #215834;
}

.rpo_msp_left_title h4 {
font-weight: 600;
letter-spacing: 1px;
}

.rpo_msp_left.col-lg-6 {
display: flex;
flex-direction: column;
justify-content: center;
}

.rpo_msp_row1 {
padding: 50px 25px 80px;
}

.rpo_msp_left_sub {
font-size: 15px;
padding: 20px 0px;
}

.rpo_msp_left_btn .btn {
background-color: #215834;
color: #fff;
width: 150px;
font-size: 14px;
}

.rpo_msp_left_btn .btn:hover {
background-color: #00b142;
}
.rpo_msp_row2 {
padding: 80px 0px 140px;
}
.rpo_msp_row2 li {
display: list-item;
padding: 10px 0px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.rpo_msp_row2 li::after{
content: '';
position: absolute;
background: rgb(0 177 66 / 41%);
width: 18px;
height: 18px;
left: -38px;
border-radius: 50%;
top: 14px;
z-index: -2;
}
.rpo_msp_row2 li::before{
content: '';
position: absolute;
top: 15px;
left: -32px;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 15px;
height: 6px;
transform: rotate(-45deg);
z-index: -1;
}
.rpo_msp_row2_title h2 {
font-size: 35px;
font-weight: 700;
}

.rpo_msp_row2_title {
text-align: center;
padding: 20px 0px;
}

.rpo_msp_row2_title span {
color: #00b142;
font-size: 45px;
}

.rpo_msp_row3_bottom_img img {
width: 200px;
height: 200px;
border-radius: 50%;
}

.rpo_msp_row3_bottom_img {
display: flex;
justify-content: center;
}

.rpo_msp_row3_bottom_box {
display: flex;
flex-direction: column;
align-items: center;
}

.rpo_msp_row3_bottom_col {
padding: 33px;
}
.rpo_msp_row3_bottom_title {
padding: 10px 0px;
}
.rpo_msp_row3_bottom_title h4 {
font-size: 25px;
font-weight: 700;
color: #215834;
}
.rpo_msp_row3_bottom_sub {
font-size: 15px;
text-align: left;
padding: 10px;
box-shadow: 0px 0px 0px 0px #0009;
border-radius: 10px;
transition: all 0.4s linear;
}

.rpo_msp_row3_bottom_title {
padding: 10px 0px;
}

.rpo_msp_row3_title h2 {
font-size: 30px;
font-weight: 700;
}

.rpo_msp_row3_sub {
font-size: 16px;
padding: 10px 0px;
}
.rpo_msp_row3_title span {
color: #00b142;
}
.rpo_msp_row4{
padding: 100px 0px 150px;
}
.rpo_msp_row4_title h2 {
font-size: 35px;
font-weight: 700;
color: #215834;
}

.rpo_msp_row4_sub {
font-size: 16px;
font-weight: 500;
padding: 15px 0px;
}

.rpo_msp_row4_btn .btn {
background-color: #215834;
color: #fff;
}

.rpo_msp_row4_btn .btn:hover {
background: #00b142;
}
.rpo_msp_row4_title span {
color: #00b142;
}
/* RPO MSP  - end */

/* Payroll Transfer */

/* .payroll_right .border_shape3 {
animation: payroll_shape1 5s infinite !important;
} */
@keyframes payroll_shape1{

0%{
  left: 49px;
  bottom: 101px;
}
34%{
  left: 49px;
  bottom: 437px;
}
68%{
  left: 516px;
  bottom: 437px;
}
100%{
  left: 516px;
  bottom: 246px;
}
}

/* .payroll_right  .border_shape4 {
animation: payroll_shape2 5s infinite !important;
} */
@keyframes payroll_shape2{

0%{
bottom: 246px;
right: 49px;
}
34%{
bottom: -20px;
right: 49px;
}
68%{
bottom: -20px;
right: 516px;
}
100%{
bottom: 101px;
right: 516px;
}
}

.payroll_right_img video {
width: 100%;
height: 500px;
cursor: auto;
}
.payroll_left {
padding: 0px 50px;
}
.payroll_right_img img {
border-radius: 25px;
width: 80%;
}
.payroll_left_title h2 {
font-size: 45px;
font-weight: 700;
color: #215834;
}

.payroll_left_title h4 {
font-weight: 600;
letter-spacing: 1px;
}

.payroll_left.col-lg-6 {
display: flex;
flex-direction: column;
justify-content: center;
}

.payroll_row1 {
padding: 50px 25px 80px;
}

.payroll_left_sub {
font-size: 15px;
padding: 20px 0px;
}
.payroll_row2_sub {
padding: 0px 340px;
}
.payroll_left_btn .btn {
background-color: #215834;
color: #fff;
width: 150px;
font-size: 14px;
}

.payroll_left_btn .btn:hover {
background-color: #00b142;
}
.payroll_row2 {
padding: 80px 0px 140px;
}
.payroll_row2 li {
display: list-item;
padding: 10px 0px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.payroll_row2 li::after{
content: '';
position: absolute;
background: rgb(0 177 66 / 41%);
width: 18px;
height: 18px;
left: -38px;
border-radius: 50%;
top: 14px;
z-index: -2;
}
.payroll_row2 li::before{
content: '';
position: absolute;
top: 15px;
left: -32px;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 15px;
height: 6px;
transform: rotate(-45deg);
z-index: -1;
}
.payroll_row2_title h2 {
font-size: 35px;
font-weight: 700;
}

.payroll_row2_title {
width: 42%;
text-align: center;
padding: 20px 0px;
}

.payroll_row2_title span {
color: #00b142;
font-size: 45px;
}

.payroll_row3_bottom_img img {
width: 200px;
height: 200px;
border-radius: 50%;
}

.payroll_row3_bottom_img {
display: flex;
justify-content: center;
}

.payroll_row3_bottom_box {
display: flex;
flex-direction: column;
align-items: center;
}

.payroll_row3_bottom_col {
padding: 33px;
}
.payroll_row3_bottom_title {
padding: 10px 0px;
}
.payroll_row3_bottom_title h4 {
font-size: 25px;
font-weight: 700;
color: #215834;
}
.payroll_row3_bottom_sub {
font-size: 15px;
text-align: left;
padding: 10px;
box-shadow: 0px 0px 0px 0px #0009;
border-radius: 10px;
transition: all 0.4s linear;
}

.payroll_row3_bottom_title {
padding: 10px 0px;
}

.payroll_row3_title h2 {
font-size: 30px;
font-weight: 700;
}

.payroll_row3_sub {
font-size: 16px;
padding: 10px 0px;
}
.payroll_row3_title span {
color: #00b142;
}
.payroll_row4{
padding: 100px 0px 150px;
}
.payroll_row4_title h2 {
font-size: 35px;
font-weight: 700;
color: #215834;
}

.payroll_row4_sub {
font-size: 16px;
font-weight: 500;
padding: 15px 0px;
}

.payroll_row4_btn .btn {
background-color: #215834;
color: #fff;
}

.payroll_row4_btn .btn:hover {
background: #00b142;
}
.payroll_row4_title span {
color: #00b142;
}
/* Payroll Transfer  - end */

/* Temporary Staff */

/* 
.temporarystaff_right .border_shape3 {
animation: temporary_shape1 5s infinite !important;
} */
@keyframes temporary_shape1{

0%{
  left: -8px;
  bottom: 109px;
}
34%{
  left: -8px;
  bottom: 359px;
}
68%{
  left: 574px;
  bottom: 359px;
}
100%{
  left: 574px;
  bottom: 176px;
}
}

/* .temporarystaff_right  .border_shape4 {
animation: temporary_shape2 5s infinite !important;
} */
@keyframes temporary_shape2{

0%{
bottom: 176px;
right: -9px;
}
34%{
bottom: -20px;
right: -9px;
}
68%{
bottom: -20px;
right: 573px;
}
100%{
bottom: 109px;
right: 573px;
}
}

.temporarystaff_right_img video {
width: 100%;
height: 500px;
cursor: auto;
}
.temporarystaff_left {
padding: 0px 50px;
}
.temporarystaff_right_img img {
border-radius: 25px;
}
.temporarystaff_left_title h2 {
font-size: 45px;
font-weight: 700;
color: #215834;
}

.temporarystaff_left_title h4 {
font-weight: 600;
letter-spacing: 1px;
}

.temporarystaff_left.col-lg-6 {
display: flex;
flex-direction: column;
justify-content: center;
}

.temporarystaff_row1 {
padding: 50px 25px 80px;
}

.temporarystaff_left_sub {
font-size: 15px;
padding: 20px 0px;
}
.temporarystaff_row2_sub {
padding: 0px 340px;
}
.temporarystaff_left_btn .btn {
background-color: #215834;
color: #fff;
width: 150px;
font-size: 14px;
}

.temporarystaff_left_btn .btn:hover {
background-color: #00b142;
}
.temporarystaff_row2 {
padding: 80px 0px 140px;
}
.temporarystaff_row2 li {
display: list-item;
padding: 10px 0px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.temporarystaff_row2 li::after{
content: '';
position: absolute;
background: rgb(0 177 66 / 41%);
width: 18px;
height: 18px;
left: -38px;
border-radius: 50%;
top: 14px;
z-index: -2;
}
.temporarystaff_row2 li::before{
content: '';
position: absolute;
top: 15px;
left: -32px;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 15px;
height: 6px;
transform: rotate(-45deg);
z-index: -1;
}
.temporarystaff_row2_title h2 {
font-size: 35px;
font-weight: 700;
}

.temporarystaff_row2_title {
width: 42%;
text-align: center;
padding: 20px 0px;
}

.temporarystaff_row2_title span {
color: #00b142;
font-size: 45px;
}

.temporarystaff_row3_bottom_img img {
width: 200px;
height: 200px;
border-radius: 50%;
}

.temporarystaff_row3_bottom_img {
display: flex;
justify-content: center;
}

.temporarystaff_row3_bottom_box {
display: flex;
flex-direction: column;
align-items: center;
}

.temporarystaff_row3_bottom_col {
padding: 33px;
}
.temporarystaff_row3_bottom_title {
padding: 10px 0px;
}
.temporarystaff_row3_bottom_title h4 {
font-size: 25px;
font-weight: 700;
color: #215834;
}
.temporarystaff_row3_bottom_sub {
font-size: 15px;
text-align: left;
padding: 10px;
box-shadow: 0px 0px 0px 0px #0009;
border-radius: 10px;
transition: all 0.4s linear;
}

.temporarystaff_row3_bottom_title {
padding: 10px 0px;
}

.temporarystaff_row3_title h2 {
font-size: 30px;
font-weight: 700;
}

.temporarystaff_row3_sub {
font-size: 16px;
padding: 10px 0px;
}
.temporarystaff_row3_title span {
color: #00b142;
}
.temporarystaff_row4{
padding: 100px 0px 150px;
}
.temporarystaff_row4_title h2 {
font-size: 35px;
font-weight: 700;
color: #215834;
}

.temporarystaff_row4_sub {
font-size: 16px;
font-weight: 500;
padding: 15px 0px;
}

.temporarystaff_row4_btn .btn {
background-color: #215834;
color: #fff;
}

.temporarystaff_row4_btn .btn:hover {
background: #00b142;
}
.temporarystaff_row4_title span {
color: #00b142;
}
/* Temporary Staff  - end */

/* ATS Page */

/* .ats_page_right .border_shape3  {
animation: ats_page_shape1 5s infinite !important;
} */
@keyframes ats_page_shape1{

0%{
  left: -8px;
  bottom: 109px;
}
34%{
  left: -8px;
  bottom: 359px;
}
68%{
  left: 574px;
  bottom: 359px;
}
100%{
  left: 574px;
  bottom: 176px;
}
}

/* .ats_page_right  .border_shape4 {
animation: ats_page_shape2 5s infinite !important;
} */
@keyframes ats_page_shape2{

0%{
bottom: 176px;
right: -9px;
}
34%{
bottom: -20px;
right: -9px;
}
68%{
bottom: -20px;
right: 573px;
}
100%{
bottom: 109px;
right: 573px;
}
}

.ats_page_right_img video {
width: 100%;
height: 500px;
cursor: auto;
}
.ats_page_left {
padding: 0px 50px;
}
.ats_page_right_img img {
border-radius: 25px;
}
.ats_page_left_title h2 {
font-size: 45px;
font-weight: 700;
color: #215834;
}

.ats_page_left_title h4 {
font-weight: 600;
letter-spacing: 1px;
}

.ats_page_left.col-lg-6 {
display: flex;
flex-direction: column;
justify-content: center;
}

.ats_page_row1 {
padding: 50px 25px 80px;
}

.ats_page_left_sub {
font-size: 17px;
padding: 20px 0px;
}
.ats_page_row2_sub {
padding: 0px 340px;
}
.ats_page_left_btn .btn {
background-color: #215834;
color: #fff;
width: 150px;
font-size: 14px;
}

.ats_page_left_btn .btn:hover {
background-color: #00b142;
}
.ats_page_row2 {
padding: 80px 0px 140px;
}
.ats_page_row2 li {
display: list-item;
padding: 10px 0px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.ats_page_row2 li::after{
content: '';
position: absolute;
background: rgb(0 177 66 / 41%);
width: 18px;
height: 18px;
left: -38px;
border-radius: 50%;
top: 14px;
z-index: -2;
}
.ats_page_row2 li::before{
content: '';
position: absolute;
top: 15px;
left: -32px;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 15px;
height: 6px;
transform: rotate(-45deg);
z-index: -1;
}
.ats_page_row2_title h2 {
font-size: 35px;
font-weight: 700;
}

.ats_page_row2_title {
/* width: 55%; */
text-align: center;
padding: 20px 0px;
}

.ats_page_row2_title span {
color: #00b142;
font-size: 45px;
}

.ats_page_row3_bottom_img img {
width: 200px;
height: 200px;
border-radius: 50%;
}

.ats_page_row3_bottom_img {
display: flex;
justify-content: center;
}

.ats_page_row3_bottom_box {
display: flex;
flex-direction: column;
align-items: center;
}

.ats_page_row3_bottom_col {
padding: 33px;
}
.ats_page_row3_bottom_title {
padding: 10px 0px;
}
.ats_page_row3_bottom_title h4 {
font-size: 25px;
font-weight: 700;
color: #215834;
}
.ats_page_row3_bottom_sub {
font-size: 15px;
text-align: left;
padding: 10px;
box-shadow: 0px 0px 0px 0px #0009;
border-radius: 10px;
transition: all 0.4s linear;
}

.ats_page_row3_bottom_title {
padding: 10px 0px;
}

.ats_page_row3_title h2 {
font-size: 30px;
font-weight: 700;
}

.ats_page_row3_sub {
font-size: 16px;
padding: 10px 0px;
}
.ats_page_row3_title span {
color: #00b142;
}
.ats_page_row4{
padding: 100px 0px 150px;
}
.ats_page_row4_title h2 {
font-size: 35px;
font-weight: 700;
color: #215834;
}

.ats_page_row4_sub {
font-size: 16px;
font-weight: 500;
padding: 15px 0px;
}

.ats_page_row4_btn .btn {
background-color: #215834;
color: #fff;
}

.ats_page_row4_btn .btn:hover {
background: #00b142;
}
.ats_page_row4_title span {
color: #00b142;
}
/* ATS Page  - end */


/* Vendor Management */

/* .vendor_right .border_shape3  {
animation: vendor_shape1 5s infinite !important;
} */
@keyframes vendor_shape1{

0%{
  left: -8px;
  bottom: 109px;
}
34%{
  left: -8px;
  bottom: 339px;
}
68%{
  left: 574px;
  bottom: 339px;
}
100%{
  left: 574px;
  bottom: 176px;
}
}

/* .vendor_right  .border_shape4 {
animation: vendor_shape2 5s infinite !important;
} */
@keyframes vendor_shape2{

0%{
bottom: 176px;
right: -9px;
}
34%{
bottom: -20px;
right: -9px;
}
68%{
bottom: -20px;
right: 573px;
}
100%{
bottom: 109px;
right: 573px;
}
}

.vendor_right_img video {
width: 100%;
height: 500px;
cursor: auto;
}
.vendor_left {
padding: 0px 50px 0px 17px;
}
.vendor_right_img img {
border-radius: 25px;
}
.vendor_left_title h2 {
font-size: 40px;
font-weight: 700;
color: #215834;
}

.vendor_left_title h4 {
font-weight: 600;
letter-spacing: 1px;
}

.vendor_left.col-lg-6 {
display: flex;
flex-direction: column;
justify-content: center;
}

.vendor_row1 {
padding: 50px 25px 80px;
}

.vendor_left_sub {
font-size: 17px;
padding: 20px 0px;
}
.vendor_row2_sub {
padding: 0px 340px;
}
.vendor_left_btn .btn {
background-color: #215834;
color: #fff;
width: 150px;
font-size: 14px;
}

.vendor_left_btn .btn:hover {
background-color: #00b142;
}
.vendor_row2 {
padding: 80px 0px 140px;
}
.vendor_row2 li {
display: list-item;
padding: 10px 0px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.vendor_row2 li::after{
content: '';
position: absolute;
background: rgb(0 177 66 / 41%);
width: 18px;
height: 18px;
left: -38px;
border-radius: 50%;
top: 14px;
z-index: -2;
}
.vendor_row2 li::before{
content: '';
position: absolute;
top: 15px;
left: -32px;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 15px;
height: 6px;
transform: rotate(-45deg);
z-index: -1;
}
.vendor_row2_title h2 {
font-size: 35px;
font-weight: 700;
}

.vendor_row2_title {
/* width: 55%; */
text-align: center;
padding: 20px 0px;
}

.vendor_row2_title span {
color: #00b142;
font-size: 45px;
}

.vendor_row3_bottom_img img {
width: 200px;
height: 200px;
border-radius: 50%;
}

.vendor_row3_bottom_img {
display: flex;
justify-content: center;
}

.vendor_row3_bottom_box {
display: flex;
flex-direction: column;
align-items: center;
}

.vendor_row3_bottom_col {
padding: 33px;
}
.vendor_row3_bottom_title {
padding: 10px 0px;
}
.vendor_row3_bottom_title h4 {
font-size: 25px;
font-weight: 700;
color: #215834;
}
.vendor_row3_bottom_sub {
font-size: 15px;
text-align: left;
padding: 10px;
box-shadow: 0px 0px 0px 0px #0009;
border-radius: 10px;
transition: all 0.4s linear;
}

.vendor_row3_bottom_title {
padding: 10px 0px;
}

.vendor_row3_title h2 {
font-size: 30px;
font-weight: 700;
}

.vendor_row3_sub {
font-size: 16px;
padding: 10px 0px;
}
.vendor_row3_title span {
color: #00b142;
}
.vendor_row4{
padding: 100px 0px 150px;
}
.vendor_row4_title h2 {
font-size: 35px;
font-weight: 700;
color: #215834;
}

.vendor_row4_sub {
font-size: 16px;
font-weight: 500;
padding: 15px 0px;
}

.vendor_row4_btn .btn {
background-color: #215834;
color: #fff;
}

.vendor_row4_btn .btn:hover {
background: #00b142;
}
.vendor_row4_title span {
color: #00b142;
}
/* Vendor Management  - end */

/* franchise Partner */

.franchise_main_row1_right .border_shape3 {
animation: franchise_shape1 5s infinite !important;
}
@keyframes franchise_shape1{

0%{
  left: -8px;
  bottom: 91px;
}
34%{
  left: -8px;
  bottom: 334px;
}
68%{
  left: 569px;
  bottom: 334px;
}
100%{
  left: 569px;
  bottom: 172px;
}
}

/* .franchise_main_row1_right .border_shape4 {
animation: franchise_shape2 5s infinite !important;
} */
@keyframes franchise_shape2{

0%{
right: -9px;
bottom: 172px;
}
34%{
right: -9px;
bottom: -22px;
}
68%{
right: 569px;
bottom: -22px;
}
100%{
right: 569px;
bottom: 91px;
}
}

.franchise_partner_row2{
background-color: #f5f7fa;
padding: 120px 50px;
}
.franchise_partner_col1_title h2 {
font-size: 23px;
font-weight: 600;
color: #215834;
}

.franchise_partner_col1_title span {
color: #00b142;
text-transform: capitalize;
border-bottom: 3px solid;
padding-bottom: 3px;
}

.franchise_partner_col1_sub {
font-size: 15px;
font-weight: 500;
}

.franchise_partner_col1_title {
padding-bottom: 20px;
}

.franchise_partner_col1 {
padding: 29px;
border-radius: 15px;
}
.franchise_partner_col1:hover {
box-shadow: 0px 0px 23px -4px #00b142;
}

.franchise_partner_row2_faq_sub p {
font-size: 20px;
color: #215834;
}
.franchise_partner_row2_faq {
margin-top: 30px;
}

.franchise_partner_row2_faq_sub {
padding: 25px 60px;
box-shadow: 0px 0px 10px 0px rgb(147 145 145 / 84%);
}
.franchise_partner_row2_faq_sub a {
color: #00b142;
}
/* Franchise partner - end  */

/* Freelancer Partner */

.freelancer_main_row1_right .border_shape3 {
animation: freelancer_shape1 5s infinite !important;
}
@keyframes freelancer_shape1{

0%{
  left: -8px;
  bottom: 99px;
}
34%{
  left: -8px;
  bottom: 295px;
}
68%{
  left: 569px;
  bottom: 295px;
}
100%{
  left: 569px;
  bottom: 135px;
}
}

/* .freelancer_main_row1_right .border_shape4 {
animation: freelancer_shape2 5s infinite !important;
} */
@keyframes freelancer_shape2{

0%{
right: -9px;
bottom: 135px;
}
34%{
right: -9px;
bottom: -22px;
}
68%{
right: 569px;
bottom: -22px;
}
100%{
right: 569px;
bottom: 91px;
}
}

/* Freelancer partner - end  */

/* recruitment collaboration */


.recruitment_collab_row2{
background-color: #f5f7fa;
padding: 120px 50px;
}
.recruitment_collab_col1_title h2 {
font-size: 23px;
font-weight: 600;
color: #215834;
}

.recruitment_collab_col1_title span {
color: #00b142;
text-transform: capitalize;
border-bottom: 3px solid;
padding-bottom: 3px;
}

.recruitment_collab_col1_sub {
font-size: 15px;
font-weight: 500;
}

.recruitment_collab_col1_title {
padding-bottom: 20px;
}

.recruitment_collab_col1.col-lg-6 {
padding: 29px;
border-radius: 15px;
}
.recruitment_collab_col1:hover {
box-shadow: 0px 0px 23px -4px #00b142;
}

/* recruitment collaboration - end  */

/* Newsletter */

.news_main {
padding: 50px 50px 160px;
}

.form_btn {
margin-top: 15px;
}
.form-group {
  margin-bottom: 25px;
  position: relative;
}
.news_row2 .form-control {
  display: block;
  width: 100%;
  padding: 0px .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  background-clip: padding-box;
  border: 1px solid #101c3f;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.news_row2 input {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid rgba(0,0,0,.37);
  border-radius: 4px;
  background-color: transparent !important;
  margin: 0px auto;
  padding: 6px 4px 4px 14px;
  height: 35px;
  outline: none !important;
  font-size: 16px;
  color: #101c3f;
  transition: all .2s ease-in-out;
}

.news_row2 label {
  position: absolute;
  top: 10px; 
  left: 25px;
  text-align: left;
  display: inline-block;
  padding: 0 4px;
  /* height: 14px; */
  line-height: 14px;
  font-size: 14px;
  font-weight: 400;
  background: transparent;
  color: #101c3f;
  margin: 0px auto;
  cursor: text;
  transition: all 0.3s ease-in-out;
}
/* input:hover, input:focus { 
  border: 1px solid #fff; 
} */

input:valid + label, input:focus + label { 
  top: -8px;
  color: #00b142;
  font-weight: bold;
  background-color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
}
.form-control:focus {
  color: #000;
  border-color: #00b142 !important;
  box-shadow: 0 0 7px 0px #a2a2a2;
}  
.form_btn .btn{
  background-color: #215834;
  color: #fff;
  border: 2px solid #215834;
  transition: all 0.4s linear;
}
.form_btn .btn:hover{
  background-color: #00b142;
  color: #fff;
  border-color: #00b142;
}
.news_row2 {
  width: 50%;
  padding: 33px;
  border-radius: 20px;
  box-shadow: 0px 0px 21px 0px rgb(0 0 0 / 36%);
}

.news_row1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 50px;
}

.news_row1_title h2 {
  font-size: 40px;
  font-weight: 700;
  color: #215834;
}

.news_row1_sub {
  font-size: 17px;
  text-align: center;
  padding: 20px 178px;
}

.news_row1_sub2 {
  font-size: 17px;
}

.news_row2_form_title h3 {
  color: #215834;
  padding-bottom: 15px;
  letter-spacing: 0.7px;
  font-weight: 600;
}

.news_row2_checkbox {padding: 10px 0px;}

.news_row2_btn .btn {
  background-color: #215834;
  color: #fff;
  width: 150px;
  font-size: 15px;
}

.news_row2_btn .btn:hover {
  background-color: #00b142;
}

.news_row2_btn {
  text-align: center;
  padding-top: 35px;
}

.news_row2_checkbox label {
  cursor: pointer;
}

.news_row2_checkbox input {
  cursor: pointer;
}

input[type='radio'] {
accent-color: #215834;
}
input[type='radio']:hover {
accent-color: #215834;
}
/* Newsletter - end */

/* faq Page */

/* border-bottom: 0.25rem solid #bdc3c7; */
.faq_main{
padding: 40px 0px 610px;
}


.faq_main .wrapper {
width: 100%;
}
.faq_title h2 {
font-size: 35px;
font-weight: 700;
color: #215834;
text-align: center;
border-bottom: 2px solid;
display: inline-block;
margin: auto 30%;
letter-spacing: 1px;
}

.faq_title span {
color: #00b142;
}
.tabs {
position: relative;
margin: 3rem 0;
background: #aed5af;
height: 14.75rem;
width: 100%;
}
.tabs::before,
.tabs::after {
content: "";
display: table;
}
.tabs::after {
clear: both;
}
.tab {
float: left;
width: 25%;
}
.tab-switch {
display: none;
}
.tab-label {
position: relative;
display: block;
line-height: 2.75em;
height: 3em;
font-size: 14px !important;
padding: 0 1.618em;
background: #215834 !important;
border-right: 0.125rem solid #aed5af;
color: #fff !important;
cursor: pointer;
top: 0;
transition: all 0.25s;
}
.tab-label:hover {
top: -0.25rem;
transition: top 0.25s;
}
.tab-content {
height: 12rem;
width: 100%;
position: absolute;
z-index: 1;
top: 2.75em;
left: 0;
padding: 1.618rem;
background: #fff;
color: #2c3e50;
opacity: 0;
transition: all 0.35s;
}
.tab-switch:checked + .tab-label {
background: #aed5af !important;
color: #00411f !important;
border-bottom: 0;
border-right: 0.125rem solid #aed5af;
transition: all 0.35s;
z-index: 1;
top: -0.0625rem;
}
.tab-switch:checked + label + .tab-content {
z-index: 2;
opacity: 1;
transition: all 0.35s;
}

.tab-content .card{
color: #000;
}
.tab-content .btn{
color: #000;
font-size: 15px;
padding-left: 30px;
}
.tab-content .btn:hover{
background-color: transparent;
} 

.tab-content .accordion p {
color: #000;
}
.tab-content .card-header{
background-color: #fff;
}

.faq_row {
padding: 0px 50px;
}
/* faq Page - end */

/* profile page */
/* h1 {
color: #333;
font-family: arial, sans-serif;
margin: 1em auto;
width: 80%;
} */

.tabordion {
color: #333;
display: block;
/* margin: auto; */
position: relative;
width: 80%;
}

.tabordion input[name="sections"] {
left: -9999px;
position: absolute;
top: -9999px;
}

.tabordion section {
display: block;
}

.tabordion section label {
background: #fff;
color: #215834;
border:1px solid #fff;
cursor: pointer;
display: block;
font-size: 1.2em;
font-weight: bold;
padding: 15px 20px;
position: relative;
width: 180px;
z-index:100;
}

.tabordion section article {
display: none;
left: 230px;
width: 100%;
padding: 0 0 0 21px;
position: absolute;  
top: 0;
}



.tabordion input[name="sections"]:checked + label { 
background: #eee;
color: #bbb;
}

.tabordion input[name="sections"]:checked ~ article {
display: block;
}


@media (max-width: 533px) {

h1 {
  width: 100%;
}

.tabordion {
  width: 100%;
}

.tabordion section label {
  font-size: 1em;
  width: 160px;
}  

.tabordion section article {
  left: 200px;
  min-width: 270px;
} 

.tabordion section article:after {
  background-color: #ccc;
  bottom: 0;
  content: "";
  display: block;
  left:-199px;
  position: absolute;
  top: 0;
  width: 200px;

}  

}


@media (max-width: 768px) {
h1 {
  width: 96%;
}

.tabordion {
  width: 96%;
}
}


@media (min-width: 1366px) {
h1 {
  width: 70%;
}

.tabordion {
  width: 70%;
}
}


.avatar-upload {
position: relative;
/* max-width: 205px;
margin: 50px auto; */
}
.avatar-upload .avatar-edit {
position: absolute;
left: 100px;
z-index: 1;
top: 10px;
}
.avatar-upload .avatar-edit input {
display: none;
}
.avatar-upload .avatar-edit input + label {
display: inline-block;
width: 34px;
height: 34px;
margin-bottom: 0;
border-radius: 100%;
background: #FFFFFF;
border: 1px solid transparent;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
background: #f1f1f1;
border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
content: "\f040";
font-family: 'FontAwesome';
color: #757575;
position: absolute;
top: 10px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.avatar-upload .avatar-preview {
width: 150px;
height: 150px;
position: relative;
border-radius: 100%;
border: 6px solid rgb(3 157 59 / 20%);
box-shadow: 0px 0px 28px -8px rgb(0 102 8);
}
.avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.profile_head h2,.Document_head h2 {
font-weight: 700;
color: #00b142;
}
.profile_head .btn,.Document_head .btn{
background-color: #215834;
color: #fff;
height: 30px;
padding: 4px;
} 
.profile_head .btn:hover,.Document_head .btn:hover{
background-color: #00b142;

} 
.procol1_row1 h6,.procol1_row2 h6 {
font-weight: 600;
font-size: 15px;
color: #215834;
}

.procol1_row1 p ,.procol1_row2 p{
font-size: 14px;
display: block;
}

.procol1 {
padding: 5px 0px;
}
.procol1_row1 {
padding: 0px;
}
.detail_right{
padding: 10px 0px;
  margin: 0px 13px;
  box-shadow: 0px 0px 10px 0px grey;
  border-radius: 15px;
}
.Document_detail .file-upload {
height: 50px;
width: 50px;
border-radius: 100px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #FFFFFF;
overflow: hidden;
background-image: linear-gradient(to bottom, #215834 50%, #FFFFFF 50%);
background-size: 100% 200%;
transition: all 1s;
color: #FFFFFF;
font-size: 100px;
}
.Document_detail .file-upload input[type=file] {
height: 50px;
width: 50px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.Document_detail .file-upload:hover {
background-position: 0 -100%;
color: #215834;
border-color: #215834;
}
.doccol1 h6 {
font-size: 15px;
font-weight: 600;
color: #215834;
}

.doccol1 {
padding-bottom: 15px;
}
.Document_detail textarea{
color: #000000;
}
.doccol1 .btn,.edudet_row1 .btn ,.certificate_col1 .btn,.lang_col1 .btn,.work_col .btn{
margin-left: 10px;
margin-top: 10px;
background-color: #aed3af;
  color: #215834;
  font-size: 14px;
}
.doccol1 .btn:hover,.edudet_row1 .btn:hover,.certificate_col1 .btn:hover,.lang_col1 .btn:hover,.work_col .btn:hover {
background-color: #215834;
color: #fff;
}

.tabordion input,.tabordion select {
padding: 7px;
}
.tabordion h6{
margin: 0px;
}
.edudet_row1 ,.certificate_col1,.lang_col1,.work_col{
padding-bottom: 15px;
}

.edudet_row1 h6 ,.certificate_detail h6,.lang_col1 h6,.work_detail h6{
font-size: 15px;
font-weight: 600;
color: #215834;
}
.edudet_row1_left,.edudet_row1_right,.doccol1,.procol1_row1 ,.procol1_row2,.certificate_col1,.lang_col1,.work_col{
align-items: center;
}
#section5 .lang_detail label{
padding: 0px 33px 0px 10px;
margin: 5px 0px -20px;
width: auto;
}

.procol1_row1 input,.procol1_row1 select,.procol1_row1 textarea,.procol1_row2 input,.procol1_row2 select{
display: none;
width: 50%;
}

.tags-input-wrapper{
display: none;
background: transparent;
border-radius: 4px;
padding: 10px;
border: 1px solid #333;
}
.tags-input-wrapper input{
border: none;
background: transparent;
outline: none;
margin-left: 8px;
}
.tags-input-wrapper .tag{
display: inline-block;
background-color: #00b142;
color: white;
border-radius: 40px;
padding: 0px 3px 0px 7px;
margin-right: 5px;
margin-bottom:5px;
/* box-shadow: 0 5px 15px -2px rgba(250 , 14 , 126 , .7) */
}
.tags-input-wrapper .tag a {
margin: 0 7px 3px;
display: inline-block;
cursor: pointer;
}
.tags-input-wrapper .tag a:hover{
background-color: #00b142;
} 
.editable_show{
display: block !important;
}
.editable_hide{
display: none !important;
}
.personal_edit{
display: block;
}
#personal_save,#personal_cancel,#doc_addbtn,#edubtn_add,#certibtn_add,#langbtn_edit,#workbtn_edit{
display: none;
}
table.dataTable th,
table.dataTable td {
white-space: nowrap;
}
.doc_table,.edu_table,.certi_table,.lang_table,#work_table{
display: none;
margin: 20px 15px;
}
.table-bordered thead td, .table-bordered thead th {
border-bottom-width: 1px !important;
}
.table thead th {
background-color: #aed3af;
color: #215834;
font-size: 15px;
border-bottom: 1px solid #215834 !important;
}
.table-bordered td, .table-bordered th {
border: 1px solid #215834 !important;
}
.lang_table li{
padding: 0px 10px;
}
.lang_table{
padding: 10px 50% 10px 15px ;
}
#work_table {
padding: 10px 20px;
}

.prof_top{
background-color: #aed3af;
margin-bottom: 15px;
padding-left: 230px;
}
.prof_top a{
padding: 0px 20px;
color: #215834;
}
.prof_top a:hover{
color: #00b142;
}
/* profile page - end */

/* Applied page */


.appliedjob_main table{
width:100%;
table-layout: fixed;
}
.appliedjob_title {
padding-bottom: 20px;
}
.tbl-header{
background-color: rgba(255,255,255,0.3);
}
.tbl-content{
/* height:300px; */
overflow-x:auto;
margin-top: 0px;
border: 1px solid rgba(255,255,255,0.3);
}
.appliedjob_main th{
padding: 20px 15px;
text-align: left;
font-weight: 700;
font-size: 15px;
color: #215834;
text-transform: capitalize;
border-bottom: 2px solid #215834;
box-shadow: 0px 8px 9px -4px;
}
.appliedjob_main td{
padding: 15px;
text-align: left;
vertical-align:middle;
font-weight: 500;
font-size: 13px;
color: #333;
border-bottom: solid 1px #215834;
}


/* demo styles */

.appliedjob_main{
padding:20px 0px 160px;
}
.appliedjob_bottom{
background: -webkit-linear-gradient(left, #25c481, #25b7c4);
background: rgb(232 232 232 / 47%);
}
/* for custom scrollbar for webkit browser*/

::-webkit-scrollbar {
  width: 6px;
} 
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

.appliedjob_title h1 {
font-size: 40px;
font-weight: 700;
color: #215834;
text-align: center;
}
/* Applied page - end */

/* Activity */


/*--------------------------------------------
          #Start Timeline Rules
--------------------------------------------*/
#timeline
{
width: 100%;
height: 1120px;
padding: 20px 1%;
overflow: hidden;
}

#timeline ul
{
min-height: 950px;
border-top: 0;
border-left: 4px solid transparent;
border-left-color: #7ab800; /* Fullback */
z-index: 1;
-webkit-border-image: -webkit-linear-gradient( 
  top, 
  #7ab800 0%,
  #0085c3 35%,
  #f2af00 50%,
  #ce1126 65%,
  #6e2585 100%);
-moz-border-image: -moz-linear-gradient( 
  top, 
  #7ab800 0%,
  #0085c3 35%,
  #f2af00 50%,
  #ce1126 65%,
  #6e2585 100%);
-ms-border-image: -ms-linear-gradient( 
  top, 
  #7ab800 0%,
  #0085c3 35%,
  #f2af00 50%,
  #ce1126 65%,
  #6e2585 100%);
-o-border-image: -o-linear-gradient( 
  top, 
  #7ab800 0%,
  #0085c3 35%,
  #f2af00 50%,
  #ce1126 65%,
  #6e2585 100%);
border-image: linear-gradient(
  top, 
  #7ab800 0%, 
  #0085c3 35%, 
  #f2af00 50%, 
  #ce1126 65%, 
  #6e2585 100%);
border-image-slice: 1;
position: relative;
top: 5%;
left: 50%;
perspective: 2000px
}

#timeline ul li:after
{
content: "\2713";
font-family: fontawesome;
display:block;
width: 35px;
height: 35px;
border-radius: 50%;
font-weight: 100;
font-size: 90%;
line-height:35px;
text-align: center;
background-color: #7ab800;
color: #fff;
position:absolute;
-webkit-transition: transform 1s linear;
transition: transform 1s linear
}

#timeline ul li:nth-child(2):after
{
background-color: #0085c3;
}

#timeline ul li:nth-child(3):after
{
content: "\f11d";
background-color: #f2af00;
}

#timeline ul li:nth-child(4):after
{
content: "\f11d";
background-color: #ce1126
}

#timeline ul li:last-child:after
{
content: "\f11d";
background-color: #6e2585
}

#timeline ul li .cont
{
width: 200px;
height: 125px;
padding: 25px 10px 10px;
border: 2px solid transparent;
border-radius: 4px;
-webkit-transform: translate(0, -55px);
transform: translate(0, -55px);
text-transform: capitalize;
line-height: 150%;
font-size: 80%;
font-family: 'Montserrat', sans-serif;
position: absolute;
top: 22px
}

#timeline ul li:nth-child(odd) .cont
{
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: transform 1.5s linear;
transition: transform 1.5s linear
}

#timeline ul li:nth-child(even) .cont
{
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: transform 1.5s linear;
transition: transform 1.5s linear
}

#timeline ul li:first-child .cont
{
color: #7ab800
}

#timeline ul li:nth-child(2) .cont
{
color: #0085c3
}

#timeline ul li:nth-child(3) .cont
{
color: #f2af00
}

#timeline ul li:nth-child(4) .cont
{
color: #ce1126
}

#timeline ul li:last-child .cont
{
color: #6e2585
}

#timeline ul li:nth-child(odd):hover .cont
{
text-align: left;
-webkit-transform: rotateY(-175deg) translate3d(60px,-50px,5px);
transform: rotateY(-175deg) translate3d(60px,-50px,5px);
-webkit-transition: transform 1.5s linear;
transition: transform 1.5s linear;
}

#timeline ul li:nth-child(even):hover .cont
{
text-align: left;
-webkit-transform: rotateY(175deg) translate3d(-60px,-50px,5px);
transform: rotateY(175deg) translate3d(-60px,-50px,5px);
-webkit-transition: transform 1.5s linear;
transition: transform 1.5s linear
}

#timeline ul li:nth-child(odd):hover .cont p,
#timeline ul li:nth-child(odd):hover .cont h3
{
-webkit-transform: rotateY(-175deg);
transform: rotateY(-175deg)
}

#timeline ul li:nth-child(even):hover .cont p,
#timeline ul li:nth-child(even):hover .cont h3
{
-webkit-transform: rotateY(175deg);
transform: rotateY(175deg)
}

#timeline ul li:nth-child(2) .cont time{background-color: #0085C3}

#timeline ul li:nth-child(3) .cont time{background-color: #F2AF00}

#timeline ul li:nth-child(4) .cont time{background-color: #CE1126}

#timeline ul li:last-child .cont time{background-color: #6E2585}

#timeline ul li:nth-child(odd):hover .cont time
{
-webkit-transform: rotateY(-175deg);
transform: rotateY(-175deg)
}

#timeline ul li:nth-child(even):hover .cont time
{
-webkit-transform: rotateY(175deg);
transform: rotateY(175deg)
}

#timeline ul li .cont p{
display: block;
font-size: 15px;
padding-top: 6px;
}

#timeline ul li:nth-child(n+1):after{left: -18px}

#timeline ul li:first-child:after,
#timeline ul li:first-child .cont
{
top: 8%
}

#timeline ul li:nth-child(2):after,
#timeline ul li:nth-child(2) .cont
{
top: 28%
}

#timeline ul li:nth-child(3):after,
#timeline ul li:nth-child(3) .cont
{
top: 48%
}

#timeline ul li:nth-child(4):after,
#timeline ul li:nth-child(4) .cont
{
top: 68%
}

#timeline ul li:last-child:after,
#timeline ul li:last-child .cont
{
top: 88%
}

#timeline ul li:nth-child(n+1):hover:after
{
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
-webkit-transition: transform 1s linear;
transition: transform 1s linear
}

#timeline ul li:first-child .cont{ border-color: #7ab800}

#timeline ul li:nth-child(2) .cont{ border-color: #0085c3}

#timeline ul li:nth-child(3) .cont{ border-color: #f2af00}

#timeline ul li:nth-child(4) .cont{ border-color: #ce1126}

#timeline ul li:last-child .cont{ border-color: #6e2585}

#timeline ul li:nth-child(odd) .cont{left: 30px}

#timeline ul li:nth-child(even) .cont{left: -231px}

#timeline ul li .cont:before,
#timeline ul li .cont:after
{
content: "";
display: block;
width: 0 ;
height: 0;
position: absolute;
border-style: solid;
}

#timeline ul li:nth-child(odd) .cont:before
{
border-width: 11px 11px 11px 0 ;
}

#timeline ul li:nth-child(even) .cont:before
{
border-width: 11px 0 11px 11px
}

#timeline ul li:nth-child(odd) .cont:after
{
border-width: 10px 10px 10px 0
}

#timeline ul li:nth-child(even) .cont:after
{
border-width: 10px 0 10px 10px
}

#timeline ul li:nth-child(odd) .cont:before
{
top: 50%;
left: -11px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}

#timeline ul li:nth-child(even) .cont:before
{
top: 50%;
right: -11px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}

#timeline ul li:first-child .cont:before
{
border-color: transparent #7ab800 transparent transparent
}

#timeline ul li:nth-child(2) .cont:before
{
border-color: transparent transparent transparent #0085c3
}

#timeline ul li:nth-child(3) .cont:before
{
border-color: transparent #f2af00 transparent transparent
}

#timeline ul li:nth-child(4) .cont:before
{
border-color: transparent transparent transparent #ce1126
}

#timeline ul li:last-child .cont:before
{
border-color: transparent #6e2585 transparent transparent
}

#timeline ul li:nth-child(odd) .cont:after
{
border-color: transparent #222223;
top: 50%;
left: -9px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}

#timeline ul li:nth-child(even) .cont:after
{
border-color: transparent #222223;
top: 50%;
right: -9px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}

#timeline ul li .cont time
{
width: 100px;
height: 30px;
position: absolute;
top: -15px;
left: calc(100%/2 - 50px);
background-color: #7AB800;
color: #f5f5f5;
line-height: 30px;
text-align: center;
border-radius: 3px;
font-size: 12px;
}

.copy-right
{
color: #7AB800;
text-align: center;
text-transform: uppercase;
padding: 130px 0 20px
}

.copy-right a
{
color: #0085C3;
text-transform: capitalize
}

@media screen and (max-width: 600px)
{
#timeline ul li .cont
{
  width: 120px;
  line-height: 120%
}

#timeline ul li:nth-child(even) .cont{left: -231px}

#timeline ul li .cont p,
#timeline ul li .cont time
{
  font-size: 76%
}

#timeline ul li .cont time
{
  width: 80px;
  left: calc(100%/2 - 40px)
}
}
/*-------------------------------------
       #End Timeline Rules
-------------------------------------*/

/* Activity -  end */

/* partner callback */

#cnametext , #webtext{
display: none;
}

.partner_callbackimg{
position: relative;
overflow: hidden;
}
.partner_callbackimg:after{
content: '';
background: rgb(0 177 66 / 30%);
position: absolute;
top: 61px;
left: -129px;
width: 282px;
height: 282px;
transform: rotate(-45deg);
}
/* partner callback - end */



/* CSS for Responsive */

/* view in 1440px */
@media(max-width:2559px){

/* home page */

.home_main {
padding-bottom: 100px;
}
.banner_row2_right_img img {
width: 80%;
}
.border_shape1 {
height: 300px;
width: 300px;
top: -50px;
right: 20px;
}
.border_shape2 {
height: 250px;
width: 250px;
bottom: -106px;
left: -45px;
}
.border_shape3 {
height: 75px;
width: 75px;
bottom: 110px;
left: 38px;
}
.border_shape4 {
height: 75px;
width: 75px;
bottom: 328px;
right: 34px;
}
@keyframes home_shape1{

0%{
  bottom: 110px;
  left: 38px;
}
34%{
  bottom: 565px;
  left: 38px;
}
68%{
  bottom: 565px;
  left: 650px;
}
100%{
  bottom: 328px;
  left: 650px;
}
}

@keyframes home_shape2{
0% {
  bottom: 328px;
  right: 34px;
}
34% {
  bottom: -35px;
  right: 34px;
}
68% {
  bottom: -35px;
  right: 645px;
}
100% {
  bottom: 109px;
  right: 645px;
}
}
.banner_row2 ,.banner_row3{
padding: 100px 0px 145px;
}
.banner_row2_left_title h2 {
font-size: 50px;
}
.banner_row2_left_sub p {
font-size: 22px !important;
}
.banner_row2 .btn {
font-size: 15px;
width: 30%;
}
.banner_row2_left_btn a {
font-size: 17px;
}
.banner_row3 .border_shape1 {
right: 438px !important;
}
.banner_row3 .border_shape2 {
left: 536px !important;
bottom: -105px !important;
}
.banner_row3 .border_shape3 {
left: 608px ;
bottom: 110px ;
}
.banner_row3 .border_shape4 {
right: 608px ;
bottom: 300px;
}
.banner_row3 .border_shape4 {
animation: home2_shape1 5s infinite;
}
@keyframes home2_shape1{

0%{
  right: 646px;
  bottom: 335px;
}
34%{
  right: 646px;
  bottom: 563px;
}
68%{
  right: 40px;
  bottom: 563px;
}
100%{
  right: 40px;
  bottom: 110px;
}
}

.banner_row3 .border_shape3 {
animation: home2_shape2 5s infinite;
}
@keyframes home2_shape2{

0%{
  bottom: 110px ;
  left: 646px ;
}
34%{
  bottom: -32px ;
  left: 646px;
}
68%{
  bottom: -32px;
  left: 40px;
}
100%{
  bottom: 335px;
  left: 40px;
}
}
.banner_row4_title h2 {
font-size: 45px;
}
.banner_row4_video {
padding-top: 40px;
width: 50%;
height: 50%;
}
.banner_row4_sub p {
font-size: 23px !important;
}
.banner_row4_btn button {
width: 100% !important;
min-width: 150px;
font-size: 17px;
height: 45px;
}
.banner_row4_btn2 .btn {
font-size: 20px;
width: 23%;
height: 60px;
}

/* home page end */

/* footer */

footer.footer_main .img2 {
max-width: 400px;
left: 723px;
}
footer.footer_main .img1 {
max-width: 400px;
}
.footer_col2 span, .footer_right_col4 li a {
font-size: 18px;
}
.footer_col2 li a {
font-size: 16px;
}
.footer_col1 span, .footer_col2 span {
font-size: 16px;
}
.footer_col3_row .footer_col3_left ul a {
font-size: 11px;
}
.footer_col3_row a, .footer_col3_right_desc span, .footer_col3_left span {
font-size: 11px;
letter-spacing: 0.5px;
}
.footer_col3_right_desc span {
max-width: 93%;
}
.footer_row {
padding-top: 120px;
padding-bottom: 56px;
}
/* footer end */

/* contact us */

.contact_row1_left_title h2 {
font-size: 35px;
}
.contact_row1_left_sub {
font-size: 20px;
}
.contact_row1_left {
padding-left: 35px;
}
.contact_row1_right  .border_shape3 {
left: -24px;
bottom: 132px;
}
.contact_row1_right  .border_shape4 {
right: -24px;
bottom: 200px;
}
@keyframes contact_shape1{

0%{
  left: -24px;
  bottom: 132px;
}
34%{
  left: -24px;
  bottom: 422px;
}
68%{
  left: 670px;
  bottom: 422px;
}
100%{
  left: 670px;
  bottom: 205px;
}
}

@keyframes contact_shape2{

0%{
right: -24px;
bottom: 200px;
}
34%{
right: -24px;
bottom: -27px;
}
68%{
right: 676px;
bottom: -27px;
}
100%{
right: 676px;
bottom: 132px;
}
}

.contact_row2_left_title h2 {
font-size: 40px;
}
.contact_row2_left_head h5 {
font-size: 23px;
}
.contact_row2_left_sub p, .contact_row3_left_sub p {
font-size: 20px;
}
.contact_row2_left_btn .btn, .contact_row3_left_btn .btn {
font-size: 20px;
height: 48px;
}

/* contact us end */

/* employer */

.employer_bottom_right .border_shape1{
right: 5px !important;
top: 60px !important;
}
.employer_bottom_right .border_shape2{
left: -83px;
bottom: 13px;
}
.employer_bottom_right .border_shape3{
left: -15px;
bottom: 226px;
}
.employer_bottom_right .border_shape4{
right: 24px;
bottom: 310px;
}

@keyframes employer_shape1{

0%{
  left: -15px;
  bottom: 226px;
}
34%{
  left: -15px;
  bottom: 532px;
}
68%{
  left: 662px;
  bottom: 532px;
}
100%{
  left: 662px;
  bottom: 310px;
}
}

@keyframes employer_shape2{

0%{
right: 24px;
bottom: 310px;
}
34%{
right: 24px;
bottom: 92px;
}
68%{
right: 701px;
bottom: 85px;
}
100%{
right: 701px;
bottom: 226px;
}
}

.employer_col2 p {
font-size: 19px;
}
.col3_btn1 .btn{
height: 45px;
font-size: 16px;
}

/* employer end */

/* hire developer */

.developer_row1_sub p {
font-size: 20px;
line-height: 26px;
margin-bottom: 10px;
}
.developer_row1_title h1 {
font-size: 35px;
width: 100%;
}
.developer_row2_title h2,.developer_row3_title h2,.developer_row4_title h2  {
font-size: 35px;
}
.developer_row3_title h2::first-letter  {
font-size: 55px;
}
.developer_row2_sub p {
font-size: 20px;
line-height: 30px;
}
.developer_row3_sub_row1_left_title h3 {
font-size: 25px;
}
.developer_row3_sub_row1_left_sub p {
font-size: 19px;
}
.developer_row3_sub_row1_left_btn .btn {
font-size: 19px;
}
.developer_row4_title h2::first-letter {
font-size: 55px !important;
}
.developer_row4_title p {
font-size: 20px;
}
.developer_row4_sub_title_right h4 {
font-size: 22px;
}
.developer_row4_sub_sub li {
font-size: 17px;
}
.developer_row5_title h2 {
font-size: 30px;
}
.developer_row5_sub p {
font-size: 18px;
}
.developer_row5_form .form-group label {
top: 14px;
}
.developer_row5_form input:valid + label, input:focus + label {
top: -8px !important;
color: #00b142;
font-weight: bold;
background-color: #fff;
font-size: 12px;
letter-spacing: 1px;
}
.developer_row5_form .form-control {
padding: .875rem .75rem;
}
.developer_row5_form .floating-select {
height: 40px;
}
/* hire developer end */

/* hire recruiter */
.recruiter_row1_title {
padding: 210px 95px 210px 660px;
}
/* hire recruiter end */

/* submit resume */

.resume_left_bottom_sub p {
font-size: 17px;
}
/* submit resume */

/* Jobs */
.job_bottom .job_col1 h1 {
font-size: 50px;
width: 88%;
font-weight: 700;
}
.job_bottom .job_col2 p {
font-size: 24px;
line-height: 28px;
}
.jobs_row2_sub  a{
margin-top: 30px !important;
}
.jobs_row2_sub .card__content {
justify-content: flex-start;
height: 62%;
padding: 8% 1.25rem 2.875rem;
}
.jobs_row7_left_bottom_title h2 {
font-size: 40px;
}
.jobs_row7_left_sub p {
font-size: 23px;
}
.advice_row5_left_btn .btn {
height: 45px;
width: 152px;
font-size: 16px;
}
/* Jobs end */

/* why work */
.work_row1 {
padding: 0px;
}
.work_row1_left {
padding: 155px 0px 80px 116px;
}
.work_row1_left .btn{
height: 40px !important;
font-size: 14px !important;
}
.work_row3_left {
max-width: 60%;
}
.work_row3_right {
padding: 0px 80px;
}
.work_row5_right li {
font-size: 17px;
}
.work_row5_right ul {
padding-left: 310px;
}

/* why work */

/* executive */
.executive_main .employer_bottom{
padding-bottom: 0px;
} 

/* executive end */

/* sevice */

.service_row3  .jobs_row2_sub .card__content {
height: 100% !important;
}

.service_row3 .card__content--container{
padding-top: 36px !important;
}
.service_row3 p{
padding-top: 35px !important;
}
.servicearticle1 .card__content--container{
padding-top: 88px !important;
}
.servicearticle4 .card__content--container,.servicearticle5 .card__content--container,.servicearticle6 .card__content--container,.servicearticle7 .card__content--container{
padding-top: 100px !important;
}
.servicearticle5 p{
margin-top: 5px !important;
}
.servicearticle6 p,.servicearticle7 p{
margin-top: -14px !important;
}
/* service end */

/* changing Job */
.toolkit_sub_page p {
font-size: 18px;
}
.toolkit_sub_page span {
font-size: 20px;
}
/* changing Job end */

}

/* view in 1200px */
@media(max-width:1439px){

/* home page */

.home_main {
  padding-bottom: 100px;
}
.banner_row2_right_img img {
  width: 60%;
}
.border_shape1 {
  height: 250px;
  width: 250px;
  top: -45px;
  right: 80px;
}
.border_shape2 {
  height: 200px;
  width: 200px;
  bottom: -69px;
  left: 45px;
}
.border_shape3 {
  height: 50px;
  width: 50px;
  bottom: 110px;
  left: 101px;
}
.border_shape4 {
  height: 50px;
  width: 50px;
  bottom: 160px;
  right: 107px;
}
@keyframes home_shape1{

  0%{
   bottom: 110px;
   left: 101px;
  }
  34%{
   bottom: 350px;
   left: 101px;
  }
  68%{
    bottom: 350px;
    left: 475px;
  }
  100%{
    bottom: 160px;
    left: 475px;
  }
}

@keyframes home_shape2{

 0%{
  bottom: 160px;
  right: 107px;
 }
 34%{
  bottom: -20px;
  right: 107px;
 }
 68%{
   bottom: -20px;
   right: 481px;
 }
 100%{
  bottom: 110px;
  right: 481px;
 }
}
.banner_row2 ,.banner_row3{
  padding: 100px 0px 145px;
}
.banner_row2_left_title h2 {
  font-size: 40px;
}
.banner_row2_left_sub p {
  font-size: 16px !important;
}
.banner_row2 .btn {
  font-size: 15px;
  width: 30%;
}
.banner_row2_left_btn a {
  font-size: 17px;
}
.banner_row3 .border_shape1 {
  right: 315px !important;
}
.banner_row3 .border_shape2 {
  left: 394px !important;
  bottom: -88px !important;
}
.banner_row3 .border_shape3 {
  left: 480px;
  bottom: 95px;
}
.banner_row3 .border_shape4 {
  right: 481px;
  bottom: 160px;
}
@keyframes home2_shape1{

  0%{
    right: 481px;
    bottom: 160px;
  }
  34%{
    right: 481px;
    bottom: 351px;
  }
  68%{
    right: 100px;
    bottom: 351px;
  }
  100%{
    right: 100px;
    bottom: 95px;
  }
}


@keyframes home2_shape2{

  0%{
    bottom: 95px ;
    left: 481px ;
  }
  34%{
    bottom: -18px ;
    left: 481px;
  }
  68%{
    bottom: -18px ;
    left: 102px;
  }
  100%{
    bottom: 160px;
    left: 102px;
  }
}
.banner_row4_title h2 {
  font-size: 35px;
}
.banner_row4_video {
  padding-top: 40px;
  width: 50%;
  height: 50%;
}
.banner_row4_sub p {
  font-size: 18px !important;
}
.banner_row4_btn button {
  min-width: 110px;
  font-size: 15px;
  height: 40px;
}
.banner_row4_btn2 .btn {
  font-size: 15px;
  width: 17%;
  height: 47px;
}

/* home page end */

/* footer */

footer.footer_main .img2 {
  max-width: 390px;
  left: 430px;
}
footer.footer_main .img1 {
  max-width: 380px;
}
.footer_row {
  top: -85px;
}
.footer_col1 span, .footer_col2 span {
  font-size: 14px;
}
.footer_col2 li a {
font-size: 14px;
}
/* footer end */

/* contact us */

.contact_row1_left_title h2 {
  font-size: 29px;
}
.contact_row1_left_sub {
font-size: 17px;
}
.contact_row1_right  .border_shape3 {
left: -7px;
bottom: 102px;
}
.contact_row1_right  .border_shape4 {
right: -8px;
bottom: 151px;
}
@keyframes contact_shape1{

0%{
  left: -7px;
  bottom: 102px;
}
34%{
  left: -7px;
  bottom: 332px;
}
68%{
  left: 523px;
  bottom: 332px;
}
100%{
  left: 523px;
  bottom: 151px;
}
}

@keyframes contact_shape2{

0%{
right: -8px;
bottom: 151px;
}
34%{
right: -8px;
bottom: -23px;
}
68%{
right: 523px;
bottom: -23px;
}
100%{
right: 523px;
bottom: 90px;
}
}
.contact_row2_left_sub p, .contact_row3_left_sub p {
font-size: 17px;
}
.contact_row2_left_btn .btn, .contact_row3_left_btn .btn {
font-size: 17px;
height: 48px;
}
/* contact us end */

/* all jobs */

.row2_mid_drop2 i{
  padding-left: 80px !important;
}
.row2_mid_drop3 i{
  padding-left: 75px !important;
}
.row2_mid_drop4 i{
  padding-left: 60px !important;
}
/* all jobs end */

/* employer */

.employer_bottom_right .border_shape3{
left: 0px;
bottom: 213px;
}
.employer_bottom_right .border_shape4{
right: 27px;
bottom: 271px;
}

@keyframes employer_shape1{

0%{
  left: 0px;
  bottom: 213px;
}
34%{
  left: 0px;
  bottom: 442px;
}
68%{
  left: 523px;
  bottom: 442px;
}
100%{
  left: 523px;
  bottom: 271px;
}
}

@keyframes employer_shape2{

0%{
right: 27px;
bottom: 271px;
}
34%{
right: 27px;
bottom: 101px;
}
68%{
right: 550px;
bottom: 101px;
}
100%{
right: 550px;
bottom: 213px;
}
}

.employer_col2 p {
font-size: 16px;
}
.col3_btn1 .btn{
height: 42px;
font-size: 15px;
}
.employer_col1 h1{
font-size: 40px;
}
/* employer end */

/* hire developer */

.developer_row1_title h1 {
font-size: 30px;
}
.developer_row4_sub_title_right h4 {
font-size: 19px;
}
.developer_row4_sub_title_right {
padding: 17px 10px;
}
.developer_row4_sub_sub li {
font-size: 16px;
}
.developer_row2_title h2, .developer_row3_title h2, .developer_row4_title h2 {
font-size: 30px;
}
.developer_row1_sub p,.developer_row2_sub p,.developer_row3_sub_row1_left_sub p, .developer_row3_sub_row1_left_btn .btn {
font-size: 16px;
}
.developer_row4_title p {
font-size: 18px;
}
.developer_row4_sub_title_right h4 {
font-size: 17px;
}
.developer_row4_sub_sub li {
font-size: 14px;
}
.developer_row5_sub p {
font-size: 15px;
}
.developer_row5_title h2 {
font-size: 27px;
}
/* hire developer end */

/* hire recruiter */
.recruiter_row1_title {
padding: 210px 95px 210px 580px;
}
.recruiter_row1_title h1 {
padding-bottom: 15px;
font-size: 35px;
}
.recruiter_row1_title h2 {
font-size: 22px;
}
/* hire recruiter end */

/* newsletter */
input:valid + label, input:focus + label {
font-weight: 700;
letter-spacing: 0.5px;
}
/* newsletter end  */

/* submit resume */

.resume_left_bottom_sub p {
font-size: 15px;
}
/* submit resume */

/* Jobs */

.job_bottom .job_col1 h1 {
font-size: 35px;
}
.job_bottom .job_col2 p {
font-size: 16px;
}
.col3_btn1 .btn {
height: 40px;
font-size: 13px;
}
.jobsarticle3 .card__content--container {
padding-top: 72px !important;
}
.jobsarticle3 p {
padding-top: 60px !important;
}
.jobs_row7_left_bottom_title h2 {
font-size: 30px;
}
.jobs_row7_left_sub p {
font-size: 17px;
}
.advice_row5_left_btn .btn {
height: 40px;
width: 140px;
font-size: 14px;
}
.jobs_row6 {
padding: 0px 20px 9rem 20px;
}

/* Jobs end */

/* why work */
.work_row1_left {
padding: 55px 0px 55px 116px;
}
.work_row5_right ul {
padding-left: 160px;
}
/* why work end */

/* service */
.servicearticle2 .card__content--container{
padding-top: 90px !important;
}
.servicearticle3 .card__content--container{
padding-top: 65px !important;
}
.servicearticle4 .card__content--container, .servicearticle5 .card__content--container, .servicearticle6 .card__content--container, .servicearticle7 .card__content--container {
padding-top: 77px !important;
}
.service_row3 p {
padding-top: 69px !important;
}
.service_row3 .jobs_row2_sub {
padding: 0px 15px 0px 15px !important;
}
/* service end */
/* changing Job */
.toolkit_sub_page p {
font-size: 16px;
}
.toolkit_sub_page span {
font-size: 18px;
}
/* changing Job end */
}

/* view in 1024px */
@media(max-width:1199px){

/* home page */

.banner_row2_right_img img {
  width: 80%;
}
.border_shape1 {
  right: 10px;
}
.border_shape2 {
  bottom: -86px;
  left: -33px;
}
.border_shape3 {
  bottom: 91px;
  left: 27px;
}
.border_shape4 {
  bottom: 200px;
  right: 27px;
}
@keyframes home_shape1{

  0%{
    bottom: 91px;
    left: 27px;
  }
  34%{
    bottom: 385px;
    left: 27px;
  }
  68%{
    bottom: 385px;
    left: 435px;
  }
  100%{
    bottom: 200px;
    left: 435px;
  }
}

@keyframes home_shape2{

  0%{
    bottom: 200px;
    right: 27px;
  }
  34%{
    bottom: -20px;
    right: 27px;
  }
  68%{
    bottom: -20px;
    right: 435px;
  }
  100%{
  bottom: 91px;
  right: 435px;
  }
}
.banner_row2 ,.banner_row3{
  padding: 100px 0px 145px;
}
.banner_row2_left_title h2 {
  font-size: 40px;
}
.banner_row2_left_sub p {
  font-size: 16px !important;
}
.banner_row2 .btn {
  font-size: 15px;
  width: 30%;
}
.banner_row2_left_btn a {
  font-size: 17px;
}
.banner_row3 .border_shape1 {
  right: 253px !important;
}
.banner_row3 .border_shape2 {
  left: 347px !important;
  bottom: -88px !important;
}
.banner_row3 .border_shape3 {
  left: 435px;
  bottom: 95px;
}
.banner_row3 .border_shape4 {
  right: 435px;
  bottom: 193px;
}
@keyframes home2_shape1{

  0%{
    right: 435px;
    bottom: 193px;
  }
  34%{
    right: 435px;
    bottom: 377px;
  }
  68%{
    right: 28px;
    bottom: 377px;
  }
  100%{
    right: 28px;
    bottom: 95px;
  }
}


@keyframes home2_shape2{

  0%{
    bottom: 95px ;
    left: 435px ;
  }
  34%{
    bottom: -22px ;
    left: 434px;
  }
  68%{
    bottom: -22px ;
    left: 27px;
  }
  100%{
    bottom: 193px ;
    left: 27px;
  }
}
.banner_row4_title h2 {
  font-size: 35px;
}
.banner_row4_video {
  padding-top: 40px;
  width: 50%;
  height: 50%;
}
.banner_row4_sub p {
  font-size: 18px !important;
}
.banner_row4_btn button {
  min-width: 110px;
  font-size: 15px;
  height: 40px;
}
.banner_row4_btn2 .btn {
  width: 20%;
}

/* header */
.header_left {
  width: 83.33%;
}
.header_right {
  width: 16.66%;
}
.header_left_col2  ul{
  padding: 0px !important;
}
.header_left_col2 a {
  padding: 5px 8px;
}
.banner_row2_left {
  padding: 0px 20px 0px 18px !important;
}
/* footer */

footer.footer_main .img2 {
  left: 324px;
  max-width: 350px;
}
.footer_col1 {
  padding-left: 70px;
}
footer.footer_main .img1 {
  max-width: 350px;
}

/* footer end */

/* contact us */

.contact_row2_left_btn .btn, .contact_row3_left_btn .btn {
font-size: 14px;
height: 42px;
}

.contact_row1_right  .border_shape1 {
height: 220px;
width: 320px;
}
.contact_row1_right  .border_shape2 {
left: -59px !important;
bottom: -72px !important;
height: 170px;
width: 170px;
}
.contact_row1_right  .border_shape3 {
left: -9px;
bottom: 75px;
}
.contact_row1_right  .border_shape4 {
right: -8px;
bottom: 114px;
}
@keyframes contact_shape1{

0%{
  left: -9px;
  bottom: 75px;
}
34%{
  left: -9px;
  bottom: 271px;
}
68%{
  left: 435px;
  bottom: 271px;
}
100%{
  left: 435px;
  bottom: 114px;
}
}

@keyframes contact_shape2{

0%{
right: -8px;
bottom: 120px;
}
34%{
right: -8px;
bottom: -20px;
}
68%{
right: 435px;
bottom: -20px;
}
100%{
right: 435px;
bottom: 74px;
}
}
.contact_row1_left_sub {
font-size: 15px;
}
.contact_row1_left_title h2 {
font-size: 26px;
}
.contact_row2_left_sub p, .contact_row3_left_sub p {
font-size: 15px;
}
.contact_row2_left_title h2 {
font-size: 35px;
}
.contact_row3_left {
padding-left: 44px;
}
.contact_row3_left_sub a {
font-size: 14px;
}
/* contact us end  */

/* all jobs */

.row2_mid_drop2 i{
padding-left: 52px !important;
}
.row2_mid_drop3 i{
padding-left: 46px !important;
}
.row2_mid_drop4 i{
padding-left: 31px !important;
}
.row2_mid_drop5 i{
padding-left: 65px !important;
}
/* all jobs end */

/* employer */

.employer_bottom_right .border_shape3{
left: 0px;
bottom: 213px;
}
.employer_bottom_right .border_shape4{
right: 25px;
bottom: 214px;
}

@keyframes employer_shape1{

0%{
  left: 0px;
  bottom: 213px;
}
34%{
  left: 0px;
  bottom: 381px;
}
68%{
  left: 437px;
  bottom: 388px;
}
100%{
  left: 437px;
  bottom: 214px;
}
}

@keyframes employer_shape2{

0%{
right: 25px;
bottom: 214px;
}
34%{
right: 25px;
bottom: 100px;
}
68%{
right: 462px;
bottom: 100px;
}
100%{
right: 462px;
bottom: 213px;
}
}

.employer_col2 p {
font-size: 16px;
}
.col3_btn1 .btn{
height: 42px;
font-size: 15px;
}
.employer_col1 h1{
font-size: 35px;
}
/* employer end */

/* hire developer */

.developer_row1_right_img img {
width: 120%;
}
.developer_row1_sub p, .developer_row2_sub p, .developer_row3_sub_row1_left_sub p {
font-size: 18px;
}
.developer_row3 {
padding: 80px 40px;
}
.developer_row3_sub_row1_right_img img{
width: 113%;
}
.developer_row4_sub_title_right {
padding: 13px 10px;
}
.developer_row4_sub_sub {
padding: 5px 0px 5px 25px;
}
.developer_row4_sub {
padding: 40px 0px;
}
.developer_row5_form {
padding: 20px 145px;
}
/* hire developer end */

/* hire recruiter */
.recruiter_row1_title {
padding: 140px 17px 160px 526px;
}
.recruiter_row3_left_title h2 {
font-size: 25px;
}
.recruiter_row3_left {
padding: 15px 50px 0px;
}
.recruiter_row3_left_sub p {
font-size: 15px;
}
.recruiter_row3_right {
padding-top: 15px;
}
/* hire recruiter end */

/* newsletter */
.news_row1_title h2 {
font-size: 35px;
}
.news_row1_sub {
font-size: 16px;
padding: 20px 130px 10px;
}
.news_row2 {
width: 60%;
}
.news_row1_sub {
font-size: 16px;
padding: 20px 5px 10px;
}
/* newsletter end */

/* Jobs */

.job_bottom .job_col1 h1 {
font-size: 32px;
}
.job_bottom .job_col2 p {
font-size: 15px;
}
.job_bottom .job_col2 p {
font-size: 14px;
line-height: 20px;
}
.col3_btn1 .btn {
height: 37px;
font-size: 12px;
}
.jobs_rojobsarticle3 .card__content {
padding: 2% 1.25rem 2.875rem;
}
.jobs_row2_sub{
flex-wrap: wrap;
}
/* Jobs */

/* why work */
.work_row1_title h1 {
font-size: 32px;
max-width: 76%;
}
.work_row1_left {
padding: 28px 0px 27px 35px;
}
.work_row2_right p, .work_row3_right p {
font-size: 17px;
}
.work_row2, .work_row3 {
padding: 90px 0px;
}
.work_row4 .btn-link {
font-size: 18px;
}
.work_row5_right ul {
padding-left: 140px;
}

/* why work */

/* Inductry */
.industries_col2 {
max-width: 92% !important;
}

/* Inductry end*/

/* service */

.servicearticle1,.servicearticle2,.servicearticle3{
margin: 0px !important;
}
.servicearticle4,.servicearticle5,.servicearticle6,.servicearticle7  {
margin: 10px 0px 0px 0px !important;
}
/* service end */

/* changing Job */
.toolkit_sub_page {
padding: 50px 100px 110px;
}
/* changing Job end */
}

/* view in 768px */
@media(max-width:1023px){

  /* home page */

  .banner_row2_right_img img {
    width: 80%;
  }
  .border_shape1 {
    right: 7px;
    top: -49px;
  }
  .border_shape2 {
    bottom: -86px;
    left: -33px;
  }
  .border_shape3 {
    bottom: 84px;
    left: 12px;
  }
  .border_shape4 {
    bottom: 105px;
    right: 14px;
  }
  @keyframes home_shape1{

    0%{
      bottom: 84px;
      left: 12px;
    }
    34%{
      bottom: 275px;
      left: 12px;
    }
    68%{
      bottom: 275px;
      left: 310px;
    }
    100%{
      bottom: 106px;
      left: 310px;
    }
  }
  
  @keyframes home_shape2{
  
    0%{
      bottom: 105px;
      right: 14px;
    }
    34%{
      bottom: -20px;
      right: 14px;
    }
    68%{
      bottom: -20px;
      right: 312px;
    }
    100%{
      bottom: 83px;
      right: 312px;
    }
  }
  .banner_row2 ,.banner_row3{
    padding: 100px 0px 145px;
  }
  .banner_row2_left_title h2 {
    font-size: 30px;
  }
  .banner_row2_left_sub p {
    font-size: 14px !important;
  }
  .banner_row2 .btn {
    font-size: 12px;
      width: 33%;
  }
  .banner_row2_left_btn a {
    font-size: 15px;
  }
  .banner_row2_left {
    padding: 60px 20px 0px 18px !important;
  }
  #app h3 {
    font-size: 23px;
  }
  .banner_row3 .border_shape1 {
    right: 168px !important;
    top: -36px;
    height: 200px;
    width: 200px;
    border-radius: 60px;
  }
  .banner_row3 .border_shape2 {
    left: 233px !important;
    bottom: -65px !important;
    height: 160px;
    width: 160px;
  }
  .banner_row3 .border_shape3 {
    left: 285px;
    bottom: 95px;
    height: 40px;
    width: 40px;
  }
  .banner_row3 .border_shape4 {
    right: 285px;
    bottom: 125px;
    height: 40px;
    width: 40px;
  }
  @keyframes home2_shape1{
  
    0%{
      right: 316px;
      bottom: 125px;
    }
    34%{
      right: 316px;
      bottom: 276px;
    }
    68%{
      right: 19px;
      bottom: 276px;
    }
    100%{
      right: 19px;
      bottom: 68px;
    }
  }
  

  @keyframes home2_shape2{
  
    0%{
      left: 315px;
      bottom: 70px;
    }
    34%{
      left: 315px;
      bottom: -16px;
    }
    68%{
      left: 19px;
      bottom: -16px;
    }
    100%{
      left: 19px;
      bottom: 125px;
    }
  }
  .banner_row4_title h2 {
    font-size: 30px;
  }
  .banner_row4_video {
    padding-top: 40px;
    width: 50%;
    height: 50%;
  }
  .banner_row4_sub p {
    font-size: 14px !important;
  }
  .banner_row4_btn button {
    min-width: 105px;
    font-size: 13px;
    height: 35px;
  }
  .banner_row4_btn2 .btn {
    width: 24%;
    font-size: 13px;
  }
  .banner_row2_left_sub p {
    margin-top: 0px !important;
  }
  /* header */
  .header_row {
    padding: 20px 0px;
  }
  .header_left {
    width: 83.33%;
  }
  .header_right {
    width: 16.66%;
    display: none !important;
  }
  .header_left_col2  ul{
    padding: 0px !important;
  }
  .header_left_col2 a {
    padding: 5px 8px;
  }

  .baricon i {
    color: #000;
    font-size: 45px;
    cursor: pointer;
  }
  
  .header_left_col2 {
      display: none !important;
  }
  
  .header_row {
      padding: 30px 0px;
  }
  
  .baricon {
      padding: 0px 60px;
  }
  .togglebar li {
    padding: 15px 0px;
    display: block;
    text-align: center;
  }
  .togglelist {
    position: absolute;
    background: #fff;
    width: 768px;
    right: 0px;
    height: 100vh;
    height: calc(var(--vh, 1vh)* 100);
    transition: all 0.4s linear;
  }
  
  .togglebar {
      position: relative;
  }

  #togglelist ul{
    padding-left: 230px !important;
  }

  /* footer */

  footer.footer_main .img2 {
    left: 268px;
    top: -256px;
    width: 250px;
  }
  footer.footer_main .img1 {
    max-width: 250px;
    top: -285px;
}
  .footer_col1 {
    padding-left: 0px;
  }
  .footer_top_head h2 {
    font-size: 25px;
  }
  .footer_top_head a {
    font-size: 14px;
}
.footer_col2 {
  padding-left: 0px;
}
.footer_col3_right_desc span {
  font-size: 9px;
}
.footer_col2 li a {
  font-size: 12px;
}
.footer_col2 span{
  font-size: 13px;
}
.footer_row {
  top: -120px;
  padding-top: 85px;
}
.footer_col3_right {
  max-width: 56% !important;
}

/* footer end */

/* contact us */

.contact_row1_right .border_shape1 {
height: 166px;
width: 220px !important;
top: -43px;
right: -33px !important;
border-radius: 39px;
}
.contact_row1_right .border_shape2 {
left: -63px !important;
bottom: -47px !important;;
height: 150px;
width: 150px;
}
.contact_row1_right_img img{
width: 110%;
}
.contact_row1_right  .border_shape3 {
left: -25px;
bottom: 80px;
}
.contact_row1_right  .border_shape4 {
right: -24px;
bottom: 115px;
}
@keyframes contact_shape1{

0%{
  left: -25px;
  bottom: 80px;
}
34%{
  left: -25px;
  bottom: 231px;
}
68%{
  left: 332px;
  bottom: 231px;
}
100%{
  left: 332px;
  bottom: 115px;
}
}

@keyframes contact_shape2{

0%{
right: -24px;
bottom: 115px;
}
34%{
right: -24px;
bottom: -2px;
}
68%{
right: 335px;
bottom: -2px;
}
100%{
right: 335px;
bottom: 80px;
}
}
.contact_row1_left_sub {
font-size: 14px;
}
.contact_row1_left {
padding-left: 18px;
padding-right: 42px;
}
.contact_row1_right_img img {
width: 110%;
}
.contact_row1 {
padding: 100px 35px 100px 0px;
}
.contact_row2_left_title h2 {
font-size: 23px;
}
.contact_row2_left_head h5 {
font-size: 15px;
}
.contact_row2_left_sub p, .contact_row3_left_sub p {
font-size: 14px;
}
.contact_row3_left {
padding-left: 20px;
}
/* contact us end  */

/* all jobs */
.row2_mid_flex {
flex-wrap: wrap;
}
.row2_mid_drop1{
max-width: 100%;
}
.row2_mid_drop2{
max-width: 50%;
margin:10px 0px;

}
.row2_mid_drop3{
max-width: 50%;
margin:10px 0px;
}
.row2_mid_drop4{
max-width: 50%;
margin: 0px;
}
.row2_mid_drop5{
max-width: 50%;
margin: 0px;
}
.row2_mid_drop1 .content{
margin-top: 0px;
width: 640px;
}
.row2_mid_drop2 i{
padding-left: 232px !important;
}
.row2_mid_drop3 i{
padding-left: 226px !important;
}
.row2_mid_drop4 i{
padding-left: 211px !important;
}
.row2_mid_drop5 i{
padding-left: 245px !important;
}
/* all jobs end */

/* employer */

.employer_bottom_right .border_shape1 {
right: 21px !important;
top: 25px !important;
}
.employer_bottom_right .border_shape2{
left: 0px !important;
bottom: -4px !important;
}
.employer_bottom_right .border_shape3{
left: 55px;
bottom: 172px;
}
.employer_bottom_right .border_shape4{
right: 56px;
bottom: 270px;
}

@keyframes employer_shape1{

0%{
  left: 55px;
  bottom: 172px;
}
34%{
  left: 55px;
  bottom: 455px;
}
68%{
  left: 661px;
  bottom: 455px;
}
100%{
  left: 661px;
  bottom: 269px;
}
}

@keyframes employer_shape2{

0%{
right: 56px;
bottom: 270px;
}
34%{
right: 56px;
bottom: 59px;
}
68%{
right: 663px;
bottom: 59px;
}
100%{
right: 663px;
bottom: 172px;
}
}

.employer_col2 p {
font-size: 16px;
}
.col3_btn1 .btn{
height: 42px;
font-size: 15px;
}
.employer_col1 h1{
font-size: 35px;
}
.employer_bottom_right {
padding: 80px;
}
.employer_bottom_img img {
width: 100% !important;
}
.employer_bottom_right,.employer_bottom_left{
width: 100%;
}
.employer_bottom{
flex-direction: column-reverse;
flex-wrap: wrap;
}
/* employer end */

/* hire developer */
.developer_row1 {
padding: 40px;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.developer_row1_left {
max-width: 100%;
text-align: center;
}
.developer_row1_right {
width: 100%;
text-align: center;
}
.developer_row1_right_img img {
width: 100%;
}
.developer_row1_sub p, .developer_row2_sub p, .developer_row3_sub_row1_left_sub p {
font-size: 16px;
}
.developer_row2 {
padding: 120px 58px;
}
.developer_row3_sub_row1{
padding: 20px 0px;
flex-wrap: wrap;
flex-direction: column-reverse !important;
}
.developer_row3_sub_row1_left {
text-align: center;
}

.developer_row3_sub_row1_left {
width: 100%;
}

.developer_row3_sub_row1_right {
width: 100%;
}

.developer_row3_sub_row1_right_img {
padding: 0px 0px 20px;
}
.developer_row3_sub_row1_right_img img {
width: 75%;
}
.developer_row3_sub_row1_right_img {
text-align: center;
}
.developer_row2_title h2, .developer_row3_title h2, .developer_row4_title h2 {
font-size: 25px;
}
.developer_row4_sub {
flex-wrap: wrap;
justify-content: center;
}
.developer_row4_sub_title_left img {
width: 50%;
}
.developer_row4_sub_title_right {
padding: 37px 10px;
}
.developer_row5_form {
padding: 20px 75px;
}
.developer_row5_sub p {
font-size: 12px;
}

/* hire recruiter */
.recruiter_row1_title h2 {
font-size: 19px;
}
.recruiter_row1_title {
padding: 125px 17px 125px 326px;
}
.recruiter_row3_left.col-lg-6 {
padding: 0px 20px;
}
.recruiter_row3_left_title h2 {
font-size: 21px;
}
.recruiter_row5 {
padding: 50px 50px 110px;
}
.recruiter_row5_sub ul {
padding: 0px 100px;
}
.recruiter_row5_sub li {
list-style: square;
}
.recruiter_row5_sub p {
padding: 10px 10px;
}
.recruiter_row2_bottom_col {
width: 70%;
}
.recruiter_row2_title .btn ,.recruiter_row2_title h3{
font-size: 16px;
}
.recruiter_row2_bottom.d-flex {
flex-wrap: wrap;
justify-content: center;
}
/* hire recruiter end */

/* newsletter */
.news_row1_title h2 {
font-size: 35px;
}
.news_row2 {
width: 70%;
}
.news_row1_sub {
padding: 20px 5px 10px;
}
.news_row2_btn {
padding-top: 20px;
}
.news_row2_checkbox{
flex-wrap: wrap;
}
/* newsletter end */

/* submit resume */

.resume_left_bottom {
padding: 30px 30px 0px;
text-align: center;
}
.resume_left {
width: 100%;
}
.resume_right {
padding: 30px 20px 0px;
width: 100%;
}
.resume_row.d-flex {
flex-wrap: wrap;
justify-content: center;
}
.resume_right .form-group {
width: 50%;
}
.resume_right form {
width: 100%;
}
/* submit resume */

/* Jobs */
.jobsarticle3 .card__content{
height: 107% !important;
}
.jobsarticle2 .card__content{
height: 86%;
}
.advice_row5_left_btn .btn {
height: 37px;
width: 120px;
font-size: 13px;
}
.jobs_row6_left_title h2 {
font-size: 30px;
}
.jobs_row6_right_title h5 {
font-size: 16px;
}
.jobs_row6 .btn-link {
font-size: 15px;
}
.job_main .card{
margin: 5px 10px;
}
.col3_btn1 .btn {
height: 35px;
font-size: 12px;
}
.job_bottom .job_col1 h1 {
font-size: 27px;
max-width: 100%;
}
.job_bottom{
padding-left: 30px;
}
.job_bottom .job_col2 p {
max-width: 90%;
}
.jobs_row7_left_bottom_title h2 {
font-size: 25px;
}
.jobs_row7_left_sub p {
font-size: 15px;
}
.jobs_row7 .advice_row5_left {
padding: 15px 30px;
}
.jobs_row2 {
padding: 50px 25px;
}
.jobs_row4 {
padding: 50px 25px !important;
}

/* why work */
.work_row1 {
flex-direction: column-reverse;
}
.work_row1_sub {
display: flex;
justify-content: center;
text-align: center;
}

.work_row1_title {
display: flex;
justify-content: center;
}
.work_row1_title h1 {
font-size: 32px;
max-width: 84%;
width: 100%;
}
.work_row1_left .job_col3 {
justify-content: center;
}
.work_row4 .toolkit_row10_right{
width: 58% !important;
}
.work_row4 .btn-link {
font-size: 16px;
}
.work_row5 {
padding: 80px 100px 120px;
}
.work_row5_left_title h2 {
font-size: 33px;
}
.work_row5_right h4 {
font-size: 15px;
}
.work_row5_right ul {
padding-left: 40px;
}
/* why work end */

/* executive */

.executive_main .employer_bottom_left {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
}
.executive_main .employer_col3 {
justify-content: center;
}
.executive_main .work_row2_right{
max-width: 80% !important;
}

/* executive end */

/* Inductry */
.industries_col2 {
max-width: 92% !important;
}
.industries_row2 .employer_bottom_left{
max-width: 80% !important;
}
.industries_bottom  .employer_col1 h1 {
font-size: 30px;
}
.industries_bottom .employer_col2 p {
font-size: 14px;
}
.industries_bottom .employer_bottom_left{
padding-left: 30px;
padding-right: 30px;
}
.industries_row2 .employer_col2 p {
font-size: 17px;
}
.industries_row6,.industries_row4{
flex-direction: column-reverse !important;
}
.industry_lastrow{
padding-bottom: 65px !important;
}
.industries_row3, .industries_row5, .industries_row7 {
flex-direction: column-reverse !important;
}
.industries_bottom .employer_bottom_left {
padding-right: 0px;
}
.indus_banner{
flex-direction: row!important;
}
/* Inductry end*/

/* service */

.servicearticle2  .card__content--container,.servicearticle3  .card__content--container{
padding-top: 0px !important;
}
.servicearticle2,.servicearticle3{
margin-top: 10px !important;
}
.servicearticle7 .card__content--container {
padding-top: 27px !important;
}
/* service end */

/* executive search */
.executivesearch_left {
padding: 0px 35px;
}
.executivesearch_left_title h2 {
font-size: 39px;
}
.executivesearch_left_sub {
font-size: 14px;
}
.executivesearch_row1 {
padding: 0px;
}
.executivesearch_row2_title {
width: 62%;
}
.executivesearch_row2_title span {
font-size: 38px;
}
.executivesearch_row2_title h2 {
font-size: 30px;
}
.executivesearch_row3_bottom_box {
padding: 20px 90px 0px;
}
.executivesearch_row4_title h2 {
font-size: 30px;
}
/* executive search end */

/* changing Job */
.toolkit_sub_page {
padding: 30px 50px 110px;
}
/* changing Job end*/

}

/* view in 576px */
@media(max-width:767px){

/* header */
.baricon {
  padding: 0px 35px;
}
.header_left{
  padding-left: 0px;
}
/* header end */
/* home page */
#app{
  top: 2px;
}
.banner_row2_left_title h2 {
  font-size: 22px;
}
.banner_row2_left_sub p {
  font-size: 13px !important;
}
.banner_row2_left {
  padding: 0px 20px 0px 18px !important;
}
.banner_col1_box,.banner_col3_box {
  max-width: 41%;
}
.baner_row_col {
  flex-wrap: wrap;
}
.banner_row {
  padding: 80px 30px 80px 0px;
}
.border_shape1 {
  height: 180px;
  width: 170px;
  right: -28px;
  top: -49px;
  border-radius: 50px;
}
.border_shape2 {
  bottom: -56px;
  left: -46px;
  height: 150px;
  width: 150px;
}
.banner_row2_left_btn a {
  font-size: 13px;
}
.banner_row2 .btn {
  font-size: 11px;
  width: 46%;
}
.banner_row2, .banner_row3 {
  padding: 100px 30px 145px;
}
.banner_row2_left_title h2 {
  font-size: 22px;
}
.border_shape3 {
  bottom: 70px;
  left: -13px;
}
.border_shape4 {
  bottom: 85px;
  right: -13px;
}
@keyframes home_shape1{

  0%{
    bottom: 70px;
    left: -13px;
  }
  34%{
    bottom: 211px;
    left: -14px;
  }
  68%{
    bottom: 211px;
    left: 227px;
  }
  100%{
    bottom: 84px;
    left: 227px;
  }
}

@keyframes home_shape2{

  0%{
    bottom: 85px;
    right: -13px;
  }
  34%{
    bottom: -20px;
    right: -13px;
  }
  68%{
    bottom: -20px;
    right: 226px;
  }
  100%{
    bottom: 70px;
    right: 226px;
  }
}
.banner_row2_right_img img {
  width: 90%;
}
.banner_row2 {
  padding: 100px 30px 145px 0px;
}
.banner_row3 {
  padding: 100px 0px 145px 30px;
}
.banner_row3 .border_shape1 {
  right: 94px !important;
  top: -34px;
  height: 191px;
  width: 195px;
  border-radius: 45px;
}
.banner_row3 .border_shape2 {
  left: 165px !important;
  bottom: -59px !important;
  height: 140px;
  width: 140px;
}
.banner_row3 .border_shape3 {
  left: 230px;
  bottom: 60px;
}
.banner_row3 .border_shape4 {
  right: 230px;
  bottom: 67px;
}
@keyframes home2_shape1{
  
  0%{
    right: 230px;
    bottom: 67px;
  }
  34%{
    right: 230px;
    bottom: 210px;
  }
  68%{
    right: -2px;
    bottom: 217px;
  }
  100%{
    right: -7px;
    bottom: 60px;
  }
}


@keyframes home2_shape2{

  0%{
    left: 230px;
    bottom: 60px;
  }
  34%{
    left: 230px;
    bottom: -13px;
  }
  68%{
    left: -6px;
    bottom: -13px;
  }
  100%{
    left: -6px;
    bottom: 66px;
  }
}
.banner_row4_video {
  width: 60%;
}
.banner_row4_btn2 .btn {
  width: 29%;
  font-size: 12px;
  height: 40px;
}

/* home page end */

/* footer */

.footer_top_head h2 {
  font-size: 23px;
  font-weight: 700;
  z-index: 2;
  position: relative;
}
footer.footer_main .img2 {
  display: none;
}
footer.footer_main .img1 {
display: none;
}
.footer_row {
  position: absolute;
  top: -112px;
  padding-top: 50px;
  padding-left: 30px;
}
.footer_col2 {
  padding-left: 0px;
}
.footer_logo_sub {
  font-size: 10px;
}
.footer_col3_row {
  flex-wrap: wrap;
  flex-direction: column-reverse;
  padding-top: 5rem !important;
}
.footer_right_col1 {
  margin-top: 0px !important;
}
.footer_col3_right_desc {
  padding-bottom: 10px;
}
.footer_col3_right {
max-width: 100% !important;
}
.footer_col3_row a, .footer_col3_right_desc span, .footer_col3_left span {
font-size: 9px;
}
.footer_col1 span, .footer_col2 span {
font-size: 10px;
}

/* footer end */

/* contact us */

.contact_row1_right_img img {
width: 87%;
}
.contact_row1_right .border_shape1 {
height: 170px;
width: 240px !important;
right: 0px !important;
}
.contact_row1_right .border_shape2 {
left: -20px !important;
bottom: -58px !important;
}
.contact_row1_right .border_shape3 {
left: 20px;
bottom: 70px;
}
.contact_row1_right .border_shape4 {
right: 21px;
bottom: 123px;
}
@keyframes contact_shape1{

0%{
  left: 20px;
  bottom: 70px;
}
34%{
  left: 20px;
  bottom: 250px;
}
68%{
  left: 435px;
  bottom: 250px;
}
100%{
  left: 435px;
  bottom: 123px;
}
}

@keyframes contact_shape2{

0%{
right: 21px;
bottom: 123px;
}
34%{
right: 21px;
bottom: -19px;
}
68%{
right: 435px;
bottom: -19px;
}
100%{
right: 435px;
bottom: 70px;
}
}
.contact_row1 {
padding: 100px 35px;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.contact_row1_left {
padding-left: 18px;
padding-right: 42px;
}
.contact_row3.d-flex {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.contact_row3_left {
max-width: 100% !important;
padding: 0px 60px;
}
.contact_row3_left_head,.contact_row3_left_title {
text-align: center;
}
.contact_row3_left_btn{
text-align: center;
}
/* contact us end */

/* all jobs */

.explore_row1 {
padding: 40px 70px 40px 30px;
}
.row2_mid_drop1 .content{
margin-top: 0px;
width: 450px;
}
.ss-main .ss-content{
width: 100% !important;
}
.row2_bottom_right .btn{
height: auto;
font-size: 11px;
padding: 4px 8px;
}
.row2_bottom_desc p{
font-size: 12px;
}
.row2_mid_drop2 i{
padding-left: 136px !important;
}
.row2_mid_drop3 i{
padding-left: 130px !important;
}
.row2_mid_drop4 i{
padding-left: 115px !important;
}
.row2_mid_drop5 i{
padding-left: 149px !important;
}
/* all jobs end */


/* employer */

.employer_bottom_right .border_shape1 {
width: 285px !important;
right: 21px !important;
top: 25px !important;
}
.employer_bottom_right .border_shape2{
left: 14px !important;
bottom: 20px !important;
}
.employer_bottom_right .border_shape3{
left: 55px;
bottom: 145px;  
}
.employer_bottom_right .border_shape4{
right: 56px;
bottom: 215px;
}

@keyframes employer_shape1{

0%{
  left: 55px;
  bottom: 145px;
}
34%{
  left: 55px;
  bottom: 327px;
}
68%{
  left: 469px;
  bottom: 333px;
}
100%{
  left: 469px;
  bottom: 219px;
}
}

@keyframes employer_shape2{

0%{
right: 56px;
bottom: 270px;
}
34%{
right: 56px;
bottom: 58px;
}
68%{
right: 472px;
bottom: 58px;
}
100%{
right: 472px;
bottom: 143px;
}
}
/* employer end */

/* hire devloper */

.developer_row1_title h1 {
font-size: 25px;
padding-top: 20px;
}
.developer_row1_title h1::first-letter{
font-size: 40px ;
}
.developer_row4_title h2 {
font-size: 22px;
}
.developer_row4_title h2::first-letter {
font-size: 40px !important;
}
.developer_row4_title p {
font-size: 15px;
}
.developer_row4_sub_title_left {
width: 55%;
}
.developer_row4_sub_title_right {
padding: 18px 10px;
}
.developer_row4_sub_sub {
padding: 5px 0px 5px 15px;
}
.developer_row4_sub_sub li {
padding: 5px 0px;
}
.developer_row5 {
margin: 50px 50px;
padding: 0px 0px;
}
.developer_row5_title h2 {
font-size: 23px;
}
.developer_row5_title h2::first-letter {
font-size: 40px;
}
.developer_row5_sub p {
font-size: 14px;
}
.developer_row5_form {
padding: 20px 60px;
}
.developer_row2 {
padding: 60px 60px;
}
.developer_row3 {
padding: 45px 35px;
}

/* hire devloper end */

/* hire recruiter */

.recruiter_row1_title {
padding: 85px 10px 90px 240px;
}
.recruiter_row1_title h1 {
padding-bottom: 15px;
font-size: 25px;
}
.recruiter_row1_title h2 {
font-size: 17px;
}
.recruiter_row2_title {
padding: 30px 0px;
flex-wrap: wrap;
}
.recruiter_row3 {
flex-wrap: wrap;
flex-direction: column-reverse;
padding: 0px;
}
.recruiter_row3_left {
width: 100%;
}
.recruiter_row3_right {
padding: 15px 20px !important;
}
.recruiter_row3_right_img img {
height: auto;
border-radius: 25px;
}
.recruiter_row5 {
padding: 50px 30px 110px;
}

/* hire recruiter end  */

/* newsletter */
.news_main {
padding: 50px 30px 160px;
}
.news_row1_title h2 {
font-size: 31px;
}
.news_row1_sub,.news_row1_sub2 {
font-size: 15px;
}
.news_row2 {
width: 80%;
}
/* newsletter end*/
/* Jobs */
.job_bottom{
margin-top: 0px;
padding: 20px;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.jobs_row2 {
padding: 25px 25px;
}
.jobs_row2_title {
padding: 20px 70px;
}
.jobsarticle3 .card__content--container {
padding-top: 89px !important;
}
.jobs_row7{
flex-wrap: wrap;
flex-direction: column-reverse;
}
.jobs_row7 .advice_row5_left {
width: 100%;
}

.jobs_row7 .advice_row5_right {
width: 100%;
padding: 20px;
}

/* why work */
.work_row1_left {
padding: 28px 0px 27px 0px;
}
.work_row1_title h1 {
font-size: 24px;
}
.work_row2_left h2, .work_row3_left h2 {
font-size: 28px;
}
.work_row3_right {
padding: 0px 55px;
}
.work_row2_right p, .work_row3_right p {
font-size: 16px;
}
.work_row4 .toolkit_row10_right {
width: 68% !important;
}
.work_row5 {
padding: 40px 40px 120px;
}
.work_row5_left_title h2 {
font-size: 28px;
}
.work_row5_right li {
font-size: 15px;
}

/* why work end */

/* executive */

.executive_main .work_row2_left h2 {
font-size: 24px;
}
.executive_main .work_row2_left span {
font-size: 30px;
}
.executive_main .work_row2_right{
padding: 0px 33px;
}
/* executive end  */

/* industry */
.industries_bottom .employer_bottom_left {
padding-top: 30px;
}
.industries_row3, .industries_row5, .industries_row7 {
flex-direction: column-reverse !important;
}
.industries_bottom .employer_bottom_left {
padding-right: 0px;
}
.indus_banner{
flex-direction: column-reverse !important;
}
/* industry end */

/* executive search */
.executivesearch_row1 {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.executivesearch_right, .executivesearch_left {
width: 100%;
}
.executivesearch_left {
padding: 20px 35px;
}
.executivesearch_row2_title {
width: 86%;
}
/* executive search end */

/* changing Job */
.toolkit_sub_page p {
font-size: 15px;
}
.toolkit_sub_page span {
font-size: 17px;
}
/* changing Job end*/

}

/* view in 425px */
@media(max-width:575px){

/* hire developer */
.developer_row1 {
padding: 40px 20px;
}
.developer_row1_title h1 {
font-size: 22px;
}
.developer_row1_title h1::first-letter {
font-size: 35px;
}
.developer_row1_sub p, .developer_row2_sub p, .developer_row3_sub_row1_left_sub p {
font-size: 13px;
}
.developer_row2_title h2, .developer_row3_title h2, .developer_row4_title h2 {
font-size: 22px;
}
.developer_row2_title h2::first-letter,.developer_row3_title h2::first-letter{
font-size: 35px;
}
.developer_row2,.developer_row3 {
padding: 20px;  
}
.developer_row3_sub_row1_left_sub p {
padding: 10px 0px 30px;
}
.developer_row5 {
margin: 50px 25px;
padding: 0px 0px;
}
.developer_row5_form {
padding: 20px 0px;
}
.developer_row5_sub p {
padding: 0px 10px;
}
.developer_row5_title h2 {
font-size: 22px;
}
.developer_row5_title h2::first-letter {
font-size: 35px;
}
/* hire devloper end */

/* newsletter */
.news_main {
padding: 50px 20px 160px;
}
.news_row2 {
width: 100%;
padding: 23px;
}
.news_row2 form {
padding: 0px;
}
.checkbox_title h4 {
font-size: 17px;
}
.news_row2_form_title h3 {
font-size: 17px;
}
.news_row1_title h2 {
font-size: 23px;
}
/* newsletter end */

/* submit resume */
.resume_main {
padding: 0px 20px 110px;
}
.resume_left_bottom_title h2 {
font-size: 34px;
}
.resume_left_bottom {
padding: 30px 20px 0px;
}
.resume_right form {
padding: 0px;
}
.resume_right {
padding: 30px 0px 0px;
}
.resume_left_bottom_title {
padding-top: 15px;
}

/* submit resume end */

/* Jobs */
.job_bottom .job_col1 h1 {
max-width: 100%;
width: 100%;
}
.job_banner {
padding-bottom: 20px;
}
.jobs_row2_title {
padding: 20px 20px;
}
.jobs_row2_title h2 {
font-size: 26px;
}
.jobs_row2_sub {
padding: 0px 40px !important;
}
.jobs_row6 {
padding: 0px 0px 9rem 0px;
}
.jobs_row6 .btn-link {
font-size: 11px;
}
.jobs_row6_right_title h5 {
font-size: 14px;
}
.jobs_row6_left_title h2 {
font-size: 25px;
}

/* why work */
.work_row1_sub p {
font-size: 15px;
max-width: 88%;
}
.work_row2_right, .work_row3_right {
padding: 0px 36px;
}
.work_row2_left h2, .work_row3_left h2 {
font-size: 28px;
line-height: 35px;
}
.work_row4 .toolkit_row10_right {
width: 86% !important;
}
.work_row4 .btn-link {
font-size: 15px;
}
.work_row5_left_title h2 {
text-align: center;
}
.work_row5_right ul {
padding-left: 33px;
}
.work_row2, .work_row3 {
padding: 40px 0px;
}
.work_row3_left {
max-width: 81%;
}
.work_row1_title h1 {
font-size: 32px;
text-align: center;
}
/* why work end */

/* executive */

.executive_main .employer_bottom_img img {
height: 100% !important;
}
.executive_main .employer_col2 p {
font-size: 15px;
}
.executive_main .employer_bottom_left{
padding: 30px;
}
.executive_main .work_row2_left {
text-align: center;
}
.executive_main .work_row2_right{
padding: 0px;
}
.executive_main .work_row2_right {
max-width: 92% !important;
}
.executive_main .jobs_row6_right_title h5{
font-size: 14px !important;
}
.executive_main .jobs_row6 .btn-link {
font-size: 12px;
}

/* industry */
.industries_row3, .industries_row5, .industries_row7 {
flex-direction: column-reverse !important;
}
.industries_bottom .employer_bottom_left {
padding-right: 0px;
}
.indus_banner{
flex-direction: column-reverse !important;
}
/* industry end  */

/* service */

.servicearticle2 .card__content--container{
padding-top: 73px !important;
}
.servicearticle3 .card__content--container {
padding-top: 50px !important;
}
/* service end */

/* executive search */

.executivesearch_row3_bottom_box {
padding: 20px 35px 0px;
}
.executivesearch_row4_title h2 {
font-size: 25px;
}
.executivesearch_row4_sub {
text-align: center;
}
.executivesearch_row2_sub {
padding: 0px 60px;
}
.executivesearch_row2 li {
font-size: 17px;
}
/* executive search end */

/* changing Job */
.toolkit_sub_page {
padding: 30px 30px 110px;
}
/* changing Job end*/

}

/* view in 375px */
@media(max-width:424px){

  /* home page */
.btn {
  height: 32px;
  min-width: 80px;
  font-size: 11px;
}
.banner_row2_left {
  padding: 0px 0px 0px 11px !important;
}
.banner_row2_left_btn a {
  font-size: 11px;
}
.banner_row2_right_img img{
  height: 273px !important;
}
.banner_row2_left_sub p {
  font-size: 12px !important;
  padding: 10px 0px !important;
}
.banner_row2_left_title h2 {
  font-size: 20px;
}
.banner_col1_box, .banner_col3_box {
  max-width: 70%;
  text-align: center;
}
.banner_row {
  padding: 80px 0px 80px 0px;
}
.banner_row2 {
  padding: 70px 10px 80px 0px;
}

.banner_row2_left_sub p {
  padding: 4px 0px !important;
}
.banner_row2 .banner_row2_right_img img {
  height: 215px !important;
}
.banner_row2 .btn {
  font-size: 10px;
  width: 70%;
}
.banner_row2_left_btn {
  flex-wrap: wrap;
}
.banner_row2_left_btn a {
  font-size: 13px;
  margin-top: 5px;
}
.banner_row2 .border_shape1 {
  height: 140px;
  width: 127px;
  right: -10px;
  top: -25px;
  border-radius: 30px;
}
.banner_row2 .border_shape2 {
  bottom: -24px;
  left: -38px;
  height: 120px;
  width: 120px;
}
.banner_row2 .border_shape3 {
  height: 35px;
  width: 35px;
  bottom: 80px;
  left: -7px;
}
.banner_row2 .border_shape4 {
  height: 35px;
  width: 35px;
  bottom: 126px;
  right: -5px;
}

.banner_row3 {
  padding: 100px 0px 145px 20px;
}

.banner_row3 .banner_row2_right_img img {
  height: 220px !important;
}

.banner_row3 .border_shape1 {
  right: 74px !important;
  top: -30px;
  height: 169px;
  width: 120px;
  border-radius: 28px;
}
.banner_row3 .border_shape2 {
  left: 98px !important;
  bottom: -47px !important;
  height: 120px;
  width: 120px;
}
.banner_row3 .border_shape3 {
  left: -8px;
  bottom: 60px;
  height: 35px;
  width: 35px;
}
.banner_row3 .border_shape4 {
  right: -8px;
  bottom: 55px;
  height: 35px;
  width: 35px;
}

.banner_row4_title h2 {
  font-size: 22px;
}
.banner_row4_video {
  width: 75%;
}
.banner_row4_sub p {
  font-size: 12px !important;
}
.banner_row4_btn2 .btn {
  width: 45%;
}
.footer_row {
  padding-left: 22px;
}
  /* home page end */

  /* footer */

  .footer_right_col1 {
    margin-top: -37px !important;
    padding: 0px 5px;
  }
  .footer_right_col2 {
    margin-bottom: -32px;
    padding: 0px 5px;
  }
  .footer_right_col4 {
    margin-bottom: 7px;
    padding: 0px 5px;
  } 
  .footer_col2_row {
    padding-top: 20px;
  }
  /* footer end  */

  /* about us  */
  .about_row5 .border_shape1 {
    height: 175px !important;
    width: 200px !important;
    top: -37px !important;
    right: 14px !important;
  }
  .about_row5 .border_shape2 {
    height: 150px !important;
    width: 150px !important;
    bottom: -21% !important;
    left: 0px !important;
  }
  .about_row5 .border_shape3 {
    bottom: 58px !important;
    left: 22px !important;
  }
  .about_row5 .border_shape4 {
    bottom: 113px !important;
    right: 22px !important;
  }
  /* about us end */

  /* area  */
  .area_main .toolkit_row1_right .border_shape2 {
    left: -17px !important;
    bottom: -51px !important;
    width: 130px !important;
    height: 130px !important;
  }
  .area_main .toolkit_row1_right .border_shape1 {
    width: 160px !important;
    height: 138px !important;
    right: 76px !important;
    right: 4px !important;
  }
  .area_main .toolkit_row1_right .border_shape3 {
    height: 40px;
    width: 40px;
    bottom: 59px !important;
    left: 17px !important;
  }
  .area_main .toolkit_row1_right .border_shape4 {
    height: 40px;
    width: 40px;
    top: 73px !important;
    right: 17px !important;
  }
  /* area end  */

  /* ats page  */
.ats_page_right  .border_shape1 {
  height: 160px !important;
  width: 219px !important;
  top: -45px !important;
  border-radius: 43px;
}
.ats_page_right  .border_shape2 {
  bottom: -44px !important;
  left: -34px !important;
  height: 120px !important;
  width: 120px !important;
}
.ats_page_right  .border_shape3 {
  height: 40px;
  width: 40px;
  left: -3px !important;
  bottom: 59px !important;
}
.ats_page_right  .border_shape4 {
  height: 40px;
  width: 40px;
  bottom: 54px !important;
  right: -6px !important;
}
.ats_page_left_title h2 {
  font-size: 33px;
}
.ats_page_left_sub {
  font-size: 17px;
}
.ats_page_row1 {
  padding: 50px 35px 80px;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
.ats_page_left {
  padding: 80px 0px 0px 0px;
}
.ats_page_row2_sub {
  padding: 0px 0px 0px 50px;
}
/* ats page end  */

/* become partner */

.partner_main_row1_right .border_shape1 {
  height: 130px !important;
  width: 156px !important;
  right: 0px !important;
  top: -32px !important;
  border-radius: 2.5rem;
}
.partner_main_row1_right .border_shape2 {
  height: 130px !important;
  width: 130px !important;
  left: -25px !important;
  bottom: -55px !important;
}
.partner_main_row1_right .border_shape3 {
  height: 40px !important;
  width: 40px !important;
  left: 8px !important;
  bottom: 53px !important;
}
.partner_main_row1_right .border_shape4 {
  height: 40px !important;
  width: 40px !important;
  right: 11px !important;
  bottom: 59px !important;
}
.partner_main_row1_left {
  padding: 0px !important;
}
.partner_main_row1_left_links a {
  font-size: 11px;
}
.partner_main_row1_left_links span {
  display: none;
}
.partner_main_row1_left_title h2 {
  font-size: 30px;
}
.partner_main_row1_left_title h3 {
  font-size: 19px;
}
.partner_main_row1_left_links li {
  display: list-item;
  list-style: disc inside;
}
/* become partner end */

/* career advice  */

.advice_row2_left {
  padding: 83px 34px 0px 70px;
}

.advice_row2_left_bottom_title h2 {
  font-size: 29px;
}
.advice_row2_left_bottom_title {
  padding: 0px;
}
.advice_row2_left_sub p{
  font-size: 16px;
}
.advice_row2_right_img img {
  width: 80%;
}
.advice_row2_right {
  padding: 0px 30px;
}
.advice_row2_right .border_shape1{
  height: 230px;
  width: 240px;
  top: -37px !important;
}
.advice_row2_right .border_shape2{
  height: 150px;
  width: 150px;
  bottom: -62px !important;
  left: 0px !important;
}
.advice_row2_right .border_shape3 {
  height: 50px;
  width: 50px;
  bottom: 61px !important;
  left: 37px !important;
}
.advice_row2_right .border_shape4 {
  bottom: 57px !important;
  right: 32px !important;
}

.advice_row3_right .border_shape1{
  height: 134px !important;
  width: 234px !important;
}
.advice_row3_right .border_shape2{
  height: 155px;
  width: 155px;
  bottom: 7px !important;
  left: 45px !important;
}
.advice_row3_right .border_shape3{
  bottom: 58px !important;
  left: 168px !important;
}
.advice_row3_right .border_shape4{
  bottom: 209px !important;
  right: 194px !important;
}

.advice_row3_left {
  padding: 50px 0px 80px 50px !important; 
}

.advice_row3 {
  flex-wrap: wrap;
  flex-direction: column-reverse !important;
  padding: 50px 25px;
}
/* .advice_row2_left_btn .btn, .advice_row3_left_btn .btn, .advice_row5_left_btn .btn {
} */
/* career advice end */

/* career test  */

.careertest_row1_right .border_shape1 {
  right: 51px !important;
  top: -37px !important;
  height: 191px !important;
  width: 155px !important;
  border-radius: 31px;
}
.careertest_row1_right .border_shape2{
  bottom: -67px !important;
  left: 3px !important;
  height: 150px;
  width: 150px;
}
.careertest_row1_right .border_shape3{
  height: 50px;
  width: 50px;
  left: 34px !important;
  bottom: 52px !important;
}
.careertest_row1_right .border_shape4{
  height: 50px;
  width: 50px;
  bottom: 48px !important;
  right: 65px !important;
}
.careertest_row1_left {
  padding-left: 50px;
}

/* career test end */

/* career tips  */

.careertips_row1_right .border_shape1{
  right: 14px !important;
  height: 128px;
  width: 166px;
  top: -32px !important;
  border-radius: 40px;
}
.careertips_row1_right .border_shape2{
  left: -11px !important;
  height: 120px;
  width: 120px;
  bottom: -43px !important;
}
.careertips_row1_right .border_shape3{
  height: 40px;
  width: 40px;
  left: 20px !important;
  bottom: 55px !important;
}
.careertips_row1_right .border_shape4{
  height: 40px;
  width: 40px;
  bottom: 43px !important;
  right: 19px !important;
}
.careertips_row1_left {
  padding-left: 0px;
}
.careertips_row1_left_sub span {
  font-size: 18px !important;
}
.careertips_row1_left_sub span {

  font-size: 13px !important;
}
/* career tips end */

/* contact us  */

.contact_row1_right .border_shape1 {
  height: 130px;
  width: 172px !important;
  right: 3px !important;
  top: -38px !important;
}
.contact_row1_right .border_shape2 {

  height: 130px;
  width: 130px;
}
.contact_row1_right .border_shape3 {
  left: 12px !important;
  bottom: 44px !important;
}
.contact_row1_right .border_shape4 {
  right: 12px !important;
  bottom: 59px !important;
}
.contact_row1_left_btn  .btn {
  height: 38px;
}
/* contact us end */

/* employer  */

.employer_bottom_right .border_shape1 {
  border-radius: 35px !important;
}
.employer_bottom_right .border_shape2 {
  height: 140px;
  width: 140px;
  left: 0px !important;
  bottom: 0px !important;
}
.employer_bottom_right .border_shape3 {
  left: 31px !important;
  bottom: 111px !important;
}
.employer_bottom_right .border_shape4 {
  right: 31px !important;
  bottom: 102px !important;
}
/* employer end  */

}


/* view in 425px */
@media(max-width:575px){

  /* hire developer */
  .developer_row1 {
    padding: 40px 20px;
  }
  .developer_row1_title h1 {
    font-size: 22px;
  }
  .developer_row1_title h1::first-letter {
    font-size: 35px;
  }
  .developer_row1_sub p, .developer_row2_sub p, .developer_row3_sub_row1_left_sub p {
    font-size: 13px;
  }
  .developer_row2_title h2, .developer_row3_title h2, .developer_row4_title h2 {
    font-size: 22px;
  }
  .developer_row2_title h2::first-letter,.developer_row3_title h2::first-letter{
    font-size: 35px;
  }
  .developer_row2,.developer_row3 {
    padding: 20px;  
  }
  .developer_row3_sub_row1_left_sub p {
    padding: 10px 0px 30px;
  }
  .developer_row5 {
    margin: 50px 25px;
    padding: 0px 0px;
  }
  .developer_row5_form {
    padding: 20px 0px;
  }
  .developer_row5_sub p {
    padding: 0px 10px;
  }
  .developer_row5_title h2 {
    font-size: 22px;
  }
  .developer_row5_title h2::first-letter {
    font-size: 35px;
  }
  /* hire devloper end */
  
  /* newsletter */
  .news_main {
    padding: 50px 20px 160px;
  }
  .news_row2 {
    width: 100%;
    padding: 23px;
  }
  .news_row2 form {
    padding: 0px;
  }
  .checkbox_title h4 {
    font-size: 17px;
  }
  .news_row2_form_title h3 {
    font-size: 17px;
  }
  .news_row1_title h2 {
    font-size: 23px;
  }
  /* newsletter end */
  
  /* submit resume */
  .resume_main {
    padding: 0px 20px 110px;
  }
  .resume_left_bottom_title h2 {
    font-size: 34px;
  }
  .resume_left_bottom {
    padding: 30px 20px 0px;
  }
  .resume_right form {
    padding: 0px;
  }
  .resume_right {
    padding: 30px 0px 0px;
  }
  .resume_left_bottom_title {
    padding-top: 15px;
  }
  
  /* submit resume end */
  
  /* Jobs */
  .job_bottom .job_col1 h1 {
    max-width: 100%;
    width: 100%;
  }
  .job_banner {
    padding-bottom: 20px;
  }
  .jobs_row2_title {
    padding: 20px 20px;
  }
  .jobs_row2_title h2 {
    font-size: 26px;
  }
  .jobs_row2_sub {
    padding: 0px 40px !important;
  }
  .jobs_row6 {
    padding: 0px 0px 9rem 0px;
  }
  .jobs_row6 .btn-link {
    font-size: 11px;
  }
  .jobs_row6_right_title h5 {
    font-size: 14px;
  }
  .jobs_row6_left_title h2 {
    font-size: 25px;
  }
  
  /* why work */
  .work_row1_sub p {
    font-size: 15px;
    max-width: 88%;
  }
  .work_row2_right, .work_row3_right {
    padding: 0px 36px;
  }
  .work_row2_left h2, .work_row3_left h2 {
    font-size: 28px;
    line-height: 35px;
  }
  .work_row4 .toolkit_row10_right {
    width: 86% !important;
  }
  .work_row4 .btn-link {
    font-size: 15px;
  }
  .work_row5_left_title h2 {
    text-align: center;
  }
  .work_row5_right ul {
    padding-left: 33px;
  }
  .work_row2, .work_row3 {
    padding: 40px 0px;
  }
  .work_row3_left {
    max-width: 81%;
  }
  .work_row1_title h1 {
    font-size: 32px;
    text-align: center;
  }
  /* why work end */
  
  /* executive */
  
  .executive_main .employer_bottom_img img {
    height: 100% !important;
  }
  .executive_main .employer_col2 p {
    font-size: 15px;
  }
  .executive_main .employer_bottom_left{
    padding: 30px;
  }
  .executive_main .work_row2_left {
    text-align: center;
  }
  .executive_main .work_row2_right{
    padding: 0px;
  }
  .executive_main .work_row2_right {
    max-width: 92% !important;
  }
  .executive_main .jobs_row6_right_title h5{
    font-size: 14px !important;
  }
  .executive_main .jobs_row6 .btn-link {
    font-size: 12px;
  }
  
  /* industry */
  .industries_row3, .industries_row5, .industries_row7 {
    flex-direction: column-reverse !important;
  }
  .industries_bottom .employer_bottom_left {
    padding-right: 0px;
  }
  .indus_banner{
    flex-direction: column-reverse !important;
  }
  /* industry end  */
  
  /* service */
  
  .servicearticle2 .card__content--container{
    padding-top: 73px !important;
  }
  .servicearticle3 .card__content--container {
    padding-top: 50px !important;
  }
  /* service end */
  
  /* executive search */
  
  .executivesearch_row3_bottom_box {
    padding: 20px 35px 0px;
  }
  .executivesearch_row4_title h2 {
    font-size: 25px;
  }
  .executivesearch_row4_sub {
    text-align: center;
  }
  .executivesearch_row2_sub {
    padding: 0px 60px;
  }
  .executivesearch_row2 li {
    font-size: 17px;
  }
  /* executive search end */
  
  /* changing Job */
  .toolkit_sub_page {
    padding: 30px 30px 110px;
  }
  /* changing Job end*/
  
  /* job detail */
  
  
  .jobdetail_row1_bottom_left {
    width: 100%;
  }
  
  .jobdetail_row2_bottom_btn {
    width: 100%;
  }
  
  .jobdetail_row1_bottom_sub {
    flex-wrap: wrap;
    padding-top: 10px;
  }
  .jobdetail_row2_top_mid {
    margin-right: 0px;
    padding-top: 10px;
  }
  .jobdetail_row2_top_left {
    padding: 0px;
    flex-wrap: wrap;
  }
  .jobdetail_row2_top_left h2 {
    width: 100%;
  }
  .jobdetail_row2_top_right{
    margin-top: 35px;
  }  
  .jobdetail_row2_bottom {
    flex-wrap: wrap;
  }
  .jobdetail_row2_bottom_left,.jobdetail_row2_bottom_right {
    width: 100%;
  }
  
  /* job detail end  */
  
  /* profile */
  .prof_top {
    padding-left: 30px;
  }
  .tabordion section article:after {
    width: 174px;
    display: none;
  }
  .tabordion section article {
    left: 164px;
    width: 75%;
    min-width: 250px;
  }
  .profile_head_btn {
    width: 100%;
    margin-top: 10px;
    padding: 0px;
  }
  .profile_head {
    flex-wrap: wrap;
  }
  .doccol1 h6 {
    width: 40%;
  }
  /* profile end */
  
  /* applied job */
  
  .appliedjob_main td {
    font-size: 10px;
  }
  .appliedjob_main th {
    font-size: 11px;
    padding: 20px 15px 20px 10px;
  }
  .appliedjob_title h1 {
    font-size: 27px;
  }
  /* applied job end  */
  
  /* faq */
  .tab-content .btn{
    white-space: pre-line;
  }
  .faq_row {
    padding: 0px 10px;
  }
  .faq_title h2 {
    font-size: 22px;
    margin: auto 12%;
  }
  /* faq end  */
  
  /* blog */
  .block_right {
    width: 50%;
  }
  .block_img {
    width: 50%;
  }
  /* blog end  */
  
  /* about us  */
  .about_row5 .border_shape1 {
    height: 191px !important;
    width: 225px !important;
    top: -41px !important;
    right: 19px !important;
  }
  .about_row5 .border_shape2 {
    height: 160px !important;
    width: 160px !important;
    bottom: -31% !important;
    left: 0px !important;
  }
  .about_row5 .border_shape3 {
    height: 50px !important;
    width: 50px !important;
    bottom: 67px !important;
    left: 30px !important;
  }
  .about_row5 .border_shape4 {
    height: 50px !important;
    width: 50px !important;
    bottom: 42px !important;
    right: 31px !important;
  }
  .banner_row2_left {
    padding: 0px 20px 0px 18px !important;
  }
  /* about us end  */
  
  /* area  */
  .area_main .toolkit_row1_right .border_shape1 {
    height: 149px !important;
    width: 200px !important;
    right: 4px !important;
  }
  .area_main .toolkit_row1_right .border_shape2 {
    left: -20px !important;
    bottom: -61px !important;
  }
  .area_main .toolkit_row1_right .border_shape3 {
    height: 50px;
    width: 50px;
    bottom: 64px !important;
    left: 14px !important;
  }
  .area_main .toolkit_row1_right .border_shape4 {
    height: 50px;
    width: 50px;
    top: 81px !important;
    right: 17px !important;
  }
  /* area end */
  
  /* ats page  */
  .ats_page_right  .border_shape1 {
    height: 160px !important;
    width: 219px !important;
    top: -45px !important;
    border-radius: 43px;
  }
  .ats_page_right  .border_shape2 {
    bottom: -67px !important;
    left: -49px !important;
    height: 158px !important;
    width: 158px !important;
  }
  .ats_page_right  .border_shape3 {
    left: -7px !important;
    bottom: 64px !important;
  }
  .ats_page_right  .border_shape4 {
    bottom: 61px !important;
    right: -9px !important;
  }
  .ats_page_left_title h2 {
    font-size: 33px;
  }
  .ats_page_left_sub {
    font-size: 17px;
  }
  .ats_page_row1 {
    padding: 50px 50px 80px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .ats_page_left {
    padding: 80px 0px 0px 0px;
  }
  .ats_page_row2_sub {
    padding: 0px 0px 0px 50px;
  }
  /* ats page end  */
  
  /* become partner */
  
  .partner_main_row1_right .border_shape1 {
    height: 140px !important;
    width: 180px !important;
    right: 0px !important;
    top: -38px !important;
    border-radius: 2.5rem;
  }
  .partner_main_row1_right .border_shape2 {
    height: 145px !important;
    width: 145px !important;
    left: -27px !important;
    bottom: -61px !important;
  }
  .partner_main_row1_right .border_shape3 {
    height: 45px !important;
    width: 45px !important;
    left: 8px !important;
    bottom: 60px !important;
  }
  .partner_main_row1_right .border_shape4 {
    height: 45px;
    width: 45px;
    right: 11px !important;
    bottom: 80px !important;
  }
  .partner_main_row1_left {
    padding: 0px !important;
  }
  .partner_main_row1_left_links a {
    font-size: 11px;
  }
  .partner_main_row1_left_links span {
    font-size: 35px;
    position: relative;
    top: 5px;
    font-size: 35px !important;
    padding: 0px 2px;
  }
  /* become partner end */
  
  /* career advice  */
  
  .advice_row2_left {
    padding: 83px 34px 0px 70px;
  }
  .advice_row2_left_bottom_title h2 {
    font-size: 29px;
  }
  .advice_row2_left_bottom_title {
    padding: 0px;
  }
  .advice_row2_left_sub p{
    font-size: 16px;
  }
  .advice_row2_right_img img {
    width: 80%;
  }
  .advice_row2_right .border_shape1{
    height: 230px;
    width: 250px;
  }
  .advice_row2_right .border_shape2{
    height: 150px;
    width: 150px;
    bottom: -62px !important;
    left: 0px !important;
  }
  .advice_row2_right .border_shape3 {
    height: 50px;
    width: 50px;
    bottom: 62px !important;
    left: 29px !important;
  }
  .advice_row2_right .border_shape4 {
    bottom: 145px !important;
    right: 32px !important;
  }
  
  .advice_row3_right .border_shape1{
    height: 163px !important;
    width: 259px !important;
  }
  .advice_row3_right .border_shape2{
    height: 155px;
    width: 155px;
    bottom: 7px !important;
    left: 70px !important;
  }
  .advice_row3_right .border_shape3{
    bottom: 58px !important;
    left: 191px !important;
  }
  .advice_row3_right .border_shape4{
    bottom: 237px !important;
    right: 216px !important;
  }
  
  .advice_row3_left {
    padding: 50px 0px 80px 50px !important; 
  }
  
  .advice_row3 {
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
    padding: 50px 25px;
  }
  /* career advice end */
  
  /* career test  */
  
  .careertest_row1_right .border_shape1 {
    right: 60px !important;
    top: -37px !important;
    height: 191px !important;
    width: 155px !important;
    border-radius: 31px;
  }
  .careertest_row1_right .border_shape2{
    bottom: -67px !important;
    left: 3px !important;
    height: 150px;
    width: 150px;
  }
  .careertest_row1_right .border_shape3{
    height: 50px;
    width: 50px;
    left: 40px !important;
    bottom: 63px !important;
  }
  .careertest_row1_right .border_shape4{
    height: 50px;
    width: 50px;
    bottom: 73px !important;
    right: 69px !important;
  }
  .careertest_row1_left {
    padding-left: 70px;
  }
  
  /* career test end */
  
  /* career tips  */
  
  .careertips_row1_right .border_shape1{
    right: 14px !important;
    height: 128px;
    width: 166px;
    top: -32px !important;
    border-radius: 40px;
  }
  .careertips_row1_right .border_shape2{
    left: -15px !important;
    height: 140px;
    width: 140px;
    bottom: -56px !important;
  }
  .careertips_row1_right .border_shape3{
    height: 45px;
    width: 45px;
    left: 20px !important;
    bottom: 62px !important;
  }
  .careertips_row1_right .border_shape4{
    height: 45px;
    width: 45px;
    bottom: 55px !important;
    right: 19px !important;
  }
  .careertips_row1_left {
    padding-left: 0px;
  }
  .careertips_row1_left_sub span {
    font-size: 18px !important;
  }
  /* career tips end */
  
  /* contact us  */
  .contact_row1_right .border_shape1 {
    height: 156px;
    width: 197px !important;
  }
  .contact_row1_right .border_shape3 {
    left: 12px !important;
    bottom: 69px !important;
  }
  .contact_row1_right .border_shape4 {
    right: 12px !important;
    bottom: 59px !important;
  }
  /* contact us end  */
  
  /* employer  */
  
  .employer_bottom_right .border_shape1 {
    height: 143px !important;
    width: 179px !important;
    right: 40px !important;
    top: 40px !important;
  }
  .employer_bottom_right .border_shape2 {
    height: 140px;
    width: 140px;
    left: 20px !important;
    bottom: 20px !important;
  }
  .employer_bottom_right .border_shape3 {
    left: 54px !important;
    bottom: 135px !important;
  }
  .employer_bottom_right .border_shape4 {
    right: 54px !important;
    bottom: 134px !important;
  }
  .employer_bottom_left {
    padding-left: 55px;
    padding-right: 38px;
  }
  .employer_bottom_right {
    padding: 55px;
  }
  /* employer end */
  
    /* home page */
    .btn {
      height: 32px;
      min-width: 80px;
      font-size: 11px;
    }
    .banner_row2_left {
      padding: 0px 0px 0px 11px !important;
    }
    .banner_row2_left_btn a {
      font-size: 11px;
    }
    .banner_row2_right_img img{
      height: 273px !important;
    }
    .banner_row2_left_sub p {
      font-size: 12px !important;
      padding: 10px 0px !important;
    }
    .banner_row2_left_title h2 {
      font-size: 20px;
    }
    .banner_col1_box, .banner_col3_box {
      max-width: 70%;
      text-align: center;
    }
    .banner_row {
      padding: 80px 0px 80px 0px;
    }
    .banner_row2 {
      padding: 70px 10px 80px 0px;
    }
    
    .banner_row2_left_sub p {
      padding: 4px 0px !important;
    }
    .banner_row2 .banner_row2_right_img img {
      height: 215px !important;
    }
    .banner_row2 .btn {
      font-size: 10px;
      width: 70%;
    }
    .banner_row2_left_btn {
      flex-wrap: wrap;
    }
    .banner_row2_left_btn a {
      font-size: 13px;
      margin-top: 5px;
    }
    .banner_row2 .border_shape1 {
      height: 140px;
      width: 127px;
      right: -10px;
      top: -25px;
      border-radius: 30px;
    }
    .banner_row2 .border_shape2 {
      bottom: -24px;
      left: -38px;
      height: 120px;
      width: 120px;
    }
    .banner_row2 .border_shape3 {
      height: 35px;
      width: 35px;
      bottom: 80px;
      left: -7px;
    }
    .banner_row2 .border_shape4 {
      height: 35px;
      width: 35px;
      bottom: 126px;
      right: -5px;
    }
    
    .banner_row3 {
      padding: 100px 0px 145px 20px;
    }
    
    .banner_row3 .banner_row2_right_img img {
      height: 220px !important;
    }
    
    .banner_row3 .border_shape1 {
      right: 74px !important;
      top: -30px;
      height: 169px;
      width: 120px;
      border-radius: 28px;
    }
    .banner_row3 .border_shape2 {
      left: 98px !important;
      bottom: -47px !important;
      height: 120px;
      width: 120px;
    }
    .banner_row3 .border_shape3 {
      left: -8px;
      bottom: 60px;
      height: 35px;
      width: 35px;
    }
    .banner_row3 .border_shape4 {
      right: -8px;
      bottom: 55px;
      height: 35px;
      width: 35px;
    }
    
    .banner_row4_title h2 {
      font-size: 22px;
    }
    .banner_row4_video {
      width: 75%;
    }
    .banner_row4_sub p {
      font-size: 12px !important;
    }
    .banner_row4_btn2 .btn {
      width: 45%;
    }
  
      /* home page end */
      /* footer */
  
    .footer_right_col1 {
      margin-top: -37px !important;
      padding: 0px 5px;
    }
    .footer_right_col2 {
      margin-bottom: -17px;
      padding: 0px 5px;
    }
    .footer_right_col4 {
      margin-bottom: 7px;
      padding: 0px 5px;
    } 
    .footer_col2_row {
      padding-top: 20px;
    }
    .footer_row {
      padding-left: 22px;
    }
    .footer_col3_right_desc span,.footer_col3_left span {
      font-size: 10px !important;
    }
    /* footer end  */
  
  
  }