.staffing-section-1, .staffing-section-2 {
  padding: 50px 0px;
}
.staffing-section-1 .staffing-left {
  float: left;
  width: 38%;
}
.staffing-section-1 .staffing-left img {
  width: 100%;
}
.staffing-section-1 .staffing-right {
  float: right;
  width: 62%;
  padding-left: 50px;
  position: relative;
}
.staffing-section-1 .staffing-right h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #000000;
}
.staffing-section-1 .staffing-right p {
  font-size: 22px;
  color: #333333;
  line-height: 34px;
  font-weight: 300;
}

.staffing-section-2 .staffing-left {
  float: left;
  width: 62%;
  padding-right: 50px;
}
.staffing-section-2 .staffing-left h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #000000;
}
.staffing-section-2 .staffing-left p {
  font-size: 22px;
  color: #333333;
  line-height: 34px;
  font-weight: 300;
}
.staffing-section-2 .staffing-right {
  float: right;
  width: 38%;
  position: relative;
}
.staffing-section-2 .staffing-right img {
  width: 100%;
}
.staffing-row{
  display: flex;
  align-items: center;  
}
.staffing-section-1 .staffing-row{
  flex-direction: row-reverse;
}

.amazing-workplace{
  background: url( ) top center no-repeat;
  background-size: 100% 100%;
  padding: 100px 0;
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.amazing-workplace:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
  transition: all .3s ease;
}
.amazing-workplace:hover:before{
  bottom: 100%;
  transform: translateY(100%)
}
.amazing-workplace .wrapper-hgs{
  position: relative;
  z-index: 2;
}
.amazing-workplace h2 {
font-family: 'Raleway';
font-size: 72px;
 font-weight: 400;
position: relative;
z-index: 9;
text-shadow: 1px 1px 1px #170A06;
}
.amazing-workplace h3 {
font-size: 36px;
line-height: 62px;
font-weight: 700;
position: relative;
z-index: 9;
text-shadow: 1px 1px 1px #170A06;
}
.amazing-workplace .apply{
  margin: 45px auto 0;
  padding: 0;
}
.amazing-workplace .apply a{
  padding: 20px 45px;
  display: block;
  text-transform: none;
  color: #333 !important;
}
.amazing-workplace .apply:hover a{
  color: #fff !important;
}
.hear-from-team h3{
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #000;
  text-align: center;
}
.hear-from-team .testimonial-main-box{
  padding: 0 150px;
}
.hear-from-team .testimonial-slider{
  margin-bottom: 30px;
}
.hear-from-team .testimonial-slider .slick-track{
  padding: 100px 0 0;
}
.hear-from-team .testimonial-slider .slick-dots{
  bottom: -40px;
}
.hear-from-team .testimonial-slider .slick-dots li {
  width: 45px;
}
.hear-from-team .testimonial-slider .slick-dots li button{
  width: 40px;
  height: 8px;
  border-radius: 4px;
  padding: 0;
  background: #c7c7c7;
}
.hear-from-team .testimonial-slider .slick-dots li.slick-active button{
  background: #00266c;
}
.hear-from-team .testimonial-slider .slick-dots li button:before{
  display: none;
}
.hear-from-team .testimonial-slide{
  background: #012A7B;
  background: linear-gradient(180deg, rgba(1, 42, 123, 1) 0%, rgba(0, 30, 73, 1) 100%);
  color: #fff;
  border-radius: 30px;
  position: relative;
  padding: 100px 100px 60px 100px;
  text-align: center;
}
.hear-from-team .testimonial-slide .emp-img{
  margin: -180px auto 15px;
  max-width: 180px;
}
.hear-from-team .testimonial-slide .emp-img img{
  border-radius: 50%;
  border: solid 4px #fff;
  width: 100%;
}
.hear-from-team .testimonial-slide h4{
  font-size: 24px;
  margin-bottom: 0px;
}
.hear-from-team .testimonial-slide h5{
  font-size: 16px;
  font-weight: 500;
  font-family: 'Raleway';
  font-style: italic;
  margin-bottom: 30px;
}
.hear-from-team .testimonial-slide p{
  font-size: 18px;
  margin: 0;
}
.hear-from-team .testimonial-slide:before{
  content: '';
  background: url(/themes/custom/joinhgs_theme/images/quote-start.png) top center no-repeat;
  width: 50px;
  height: 38px;
  position: absolute;
  z-index: 1;
  top: 180px;
  left: 20px;
}
.hear-from-team .testimonial-slide:after{
  content: '';
  background: url(/themes/custom/joinhgs_theme/images/quote-end.png) top center no-repeat;
  width: 50px;
  height: 38px;
  position: absolute;
  z-index: 1;
  bottom: 30px;
  right: 20px;
}
.principles-drive-growth{
  padding: 0;
}
.principles-drive-growth h3{
  font-size: 36px;
  line-height: 62px;
  font-weight: 700;
  color: #000;
  text-align: center;
}
.principles-drive-growth .principles-row{
  display: flex;
  margin-top: 50px;
}
.principles-drive-growth .principles-row .principles-col{
  padding: 70px 60px;
  flex: 1 1 0;
  width: 0;
  position: relative;
  color: #fff;
  overflow: hidden;
  min-height: 340px;
  background-position: center center !important;
}
.principles-drive-growth .principles-row .principles-col h4{
  color: #00b0f0;
  font-size: 26px;
  text-transform: uppercase;
  font-family: 'Oswald';
  margin-bottom: 25px;
}
.principles-drive-growth .principles-row .principles-col .col-content{
  position: relative;
  z-index: 2;
}
.principles-drive-growth .principles-row .principles-col:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  bottom: -100%;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: all .3s ease;
}
.principles-drive-growth .principles-row .principles-col:hover:before{
  bottom: 100%;
  transform: translateY(100%)
}
@keyframes bounceOnce {
    0% {
        transform: translateY(0); /* Start at original position */
    }
    50% {
        transform: translateY(-15px); /* Move up */
    }
    100% {
        transform: translateY(0); /* Return to original position */
    }
}
.principles-drive-growth .principles-row .principles-col:hover .col-content p{
   animation: bounceOnce .5s ease-out forwards; /* 1.5s duration, ease-out timing, forwards to stay at final state */
}
.principles-drive-growth .principles-row .principles-col .col-content p{
  margin-bottom: 0;
  line-height: 25px;
  font-size: 20px;

}
.principles-drive-growth .principles-row .understanding-col{
  background: url(/themes/custom/joinhgs_theme/images/principles-understanding.jpg) top center no-repeat;
  background-size: cover;
}
.principles-drive-growth .principles-row .understanding-col:before{
  background: rgba(0, 176, 240, 0.2);  
}
.principles-drive-growth .principles-row .respect-col{
  background: url(/themes/custom/joinhgs_theme/images/principles-respect.jpg) top center no-repeat;
  background-size: cover;
}
.principles-drive-growth .principles-row .respect-col:before{
  background: rgba(226, 0, 125, 0.2);  
}
.principles-drive-growth .principles-row .family-col{
  background: url(/themes/custom/joinhgs_theme/images/principles-family.jpg) top center no-repeat;
  background-size: cover;
}
.principles-drive-growth .principles-row .family-col:before{
  background: rgba(16, 230, 108, 0.2);
}
.belong-thrive-create{
  padding: 100px 0;
}
.belong-thrive-create h4{
  font-size: 36px;
  line-height: 62px;
  color: #00b0f0;
  text-transform: uppercase;
  font-family: 'Oswald';
  margin-bottom: 25px;
  text-align: center;
}
.our-blog-section{
  padding: 50px 0;
  background: #429D69;
  background: linear-gradient(135deg, rgba(66, 157, 105, 1) 0%, rgba(36, 105, 114, 1) 75%, rgba(12, 62, 121, 1) 100%);
}
.our-blog-section .blog-text-col{
  float: left;
  width: 62%;
  padding-left: 50px;
}
.our-blog-section .blog-text-col h3{
  font-size: 36px;
  line-height: 52px;
  font-weight: 700;
  color: #fff;
}
.our-blog-section .blog-text-col .dvdr-30{
  width: 20%;
  margin: 20px 0;
}
.our-blog-section .blog-text-col p{
  font-size: 22px;
  line-height: 34px;
  color: #fff;
  margin-bottom: 30px;
}
.our-blog-section .blog-text-col .explore-btn{
  background: transparent;
  border: solid 1px #fff;
  border-radius: 40px;
  padding: 10px 35px 11px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.our-blog-section .blog-text-col .explore-btn:hover{
  background: #cc0066;
  border-color: #cc0066;
  color: #fff;
}
.our-blog-section .blog-slider-col{
  float: left;
  width: 38%;
  padding: 0 50px;
}
.our-blog-section .our-blog-slider{
  margin-bottom: 20px;
}
.our-blog-section .our-blog-slider .slick-dots{
  bottom: -30px;
}
.our-blog-section .our-blog-slider .slick-dots li{
  width: 12px;
  height: 12px;
}
.our-blog-section .our-blog-slider .slick-dots li button{
  background: #c7c7c7;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  padding: 0;
}
.our-blog-section .our-blog-slider .slick-dots li.slick-active button{
  background: #fff;
}
.our-blog-section .our-blog-slider .slick-dots li button:before{
  display: none;
}
.our-blog-section .our-blog-slider .blog-slide{
  position: relative;
}
.our-blog-section .our-blog-slider .blog-slide:before{
  content: '';
  background: #2A7B9B;
  background: linear-gradient(180deg, rgba(42, 123, 155, 0) 0%, rgba(0, 0, 0, 1) 100%);
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: all .3s ease;
}
.our-blog-section .our-blog-slider .blog-slide:hover:before{
  height: 150%;
}
.our-blog-section .our-blog-slider .blog-slide a{
  display: block;
}
.our-blog-section .our-blog-slider .blog-slide .blog-content{
  position: absolute;
  bottom: 10px;
  left: 20px;
  z-index: 2;
}
.our-blog-section .our-blog-slider .blog-slide .blog-content .read{
  height: 30px;
  width: 86px;
  margin: 0;
  color: #fff;
}
.our-blog-section .our-blog-slider .blog-slide .blog-content .read span{
  position: relative;
  margin: 0;
  font-size: 14px;
}
.our-blog-section .our-blog-slider .blog-slide .blog-content .read i{
  font-size: 26px;
  position: relative;
  top: 6px;
  left: 4px;
  color: #cc0066;
}
.our-blog-section .our-blog-slider .blog-slide .blog-content h5{
  font-size: 16px;
  margin: 0;
  color: #fff;
}
.our-blog-section .our-blog-slider .blog-slide a:hover .read {
  border-bottom: dotted 2px #cc0066;
}




@media (max-width: 1024px) {

.d-none-tab{
  display: none;
}
.principles-drive-growth .principles-row .principles-col{
  padding: 50px 30px;
  background-size: cover;
}
.hear-from-team .testimonial-main-box{
  padding: 0 50px;
}
.our-blog-section .blog-slider-col{
  padding: 0;
}

}


@media (max-width: 767px) {

  .staffing-left-mobile{
    margin-top: 30px;
  }

.staffing-row{
  display: block;
}

.staffing-section-1, .staffing-section-2 {
  padding: 32px 0px;
}
.staffing-section-1 .staffing-left, .staffing-section-2 .staffing-left, .staffing-section-2 .staffing-right {
  width: 100%;
}
.staffing-section-2 .staffing-left {
  padding: 0 0 25px;
}
.staffing-section-1 .staffing-right {
  width: 100%;
  padding: 25px 0 0;
}
.staffing-section-1 .staffing-right h3, .staffing-section-2 .staffing-left h3, .amazing-workplace h3, .hear-from-team h3,
.principles-drive-growth h3, .our-blog-section .blog-text-col h3, .belong-thrive-create h4 {
  font-size: 30px;
  line-height: 34px;
}
.staffing-section-1 .staffing-right p, .our-blog-section .blog-text-col p {
  font-size: 20px;
  line-height: 30px;
}
.amazing-workplace {
  padding: 60px 0px;
  background-size: cover;
}
.amazing-workplace h2{
  font-size: 40px;

}
.hear-from-team .testimonial-main-box{
  padding: 0;
}
.hear-from-team .testimonial-slide{
  padding: 100px 50px 50px;
}
.hear-from-team .testimonial-slide:before, .hear-from-team .testimonial-slide:after{
  width: 30px;
  height: 23px;
  background-size: 100% 100%;
}
.hear-from-team .testimonial-slider .slick-dots li{
  width: 20px;
}
.hear-from-team .testimonial-slider .slick-dots li button{
  width: 20px;
}
.principles-drive-growth .principles-row{
  display: block;
}
.principles-drive-growth .principles-row .principles-col{
  width: 100%;
}
.our-blog-section .blog-text-col{
  width: 100%;
  padding: 30px 0 0;
}
.our-blog-section .blog-slider-col{
  width: 100%;
  padding: 0;
}
.our-blog-section .blog-text-col .explore-btn{
  font-size: 16px;
}

}


.hero-banner .hero-slider .slick-arrow {
    width: 25px;
    height: 25px;
    background: #1a416d;
    border-radius: 50%;
    top: auto;
    bottom: 10px;
    left: 12%;
    right: auto;
}

@media (min-width: 768px) {
    .hero-banner .hero-slider .slick-arrow {
        width: 40px;
        height: 40px;
        bottom: 20px;
    }
     .hero-banner .hero-slider .slick-arrow:before {
        font-size: 16px;
    }
}

.hear-from-team{
  padding:50px 0;
}